// frontend/components/Chip.tsx
import { Icon } from "./Icon";
import type { IconName } from "./icons/paths";
export function Chip({
  icon,
  children,
  onClick,
}: {
  icon?: IconName;
  children: React.ReactNode;
  onClick?: () => void;
}) {
  return (
    <button className="chip" onClick={onClick} type="button">
      {icon && <Icon name={icon} />}
      {children}
    </button>
  );
}