import { cn } from '../../lib/cn';

export const Chip = ({ children, active, onClick, className }: { children: React.ReactNode; active?: boolean; onClick?: () => void; className?: string }) => (
  <button
    onClick={onClick}
    className={cn(
      'px-3 py-1.5 rounded-full border text-sm transition font-medium',
      active ? 'border-indigo-500 bg-indigo-50 text-indigo-700' : 'border-slate-200 text-slate-700 hover:bg-slate-100',
      className
    )}
  >
    {children}
  </button>
);



