"use client";

import { InformationCircleIcon } from "@heroicons/react/24/outline";

interface HelpPanelProps {
  text: string;
}

export function HelpPanel({ text }: HelpPanelProps) {
  return (
    <div className="mb-6 p-4 bg-blue-50 rounded-lg border border-blue-200">
      <div className="flex items-start gap-2">
        <InformationCircleIcon className="h-5 w-5 text-blue-500 flex-shrink-0 mt-0.5" />
        <p className="text-sm text-blue-700">{text}</p>
      </div>
    </div>
  );
}
