import React from 'react'; import { Info, Lightbulb, AlertCircle } from 'lucide-react'; interface HintProps { children: React.ReactNode; variant?: 'tip' | 'warning' | 'note'; } const variantStyles = { tip: { container: 'bg-blue-50 text-blue-800 border-blue-200', icon: , }, warning: { container: 'bg-yellow-50 text-yellow-800 border-yellow-200', icon: , }, note: { container: 'bg-zinc-50 text-zinc-800 border-zinc-200', icon: , }, }; export default function Hint({ children, variant = 'note' }: HintProps) { const style = variantStyles[variant]; return (
{style.icon}
{children}
); }