interface Props {
  quality: string;
}

const config: Record<string, { icon: string; label: string }> = {
  keeper: { icon: '✓', label: 'Keeper' },
  needs_more: { icon: '→', label: 'Needs More' },
  rejected: { icon: '✗', label: 'Rejected' },
  pending: { icon: '·', label: 'Pending' },
};

export default function QualityFlag({ quality }: Props) {
  const cfg = config[quality] ?? config.pending;
  return (
    <span className={`quality-chip ${quality}`}>
      {cfg.icon} {cfg.label}
    </span>
  );
}