import { Tag } from 'antd';
import type { CondicaoComercial } from '../lib/condicoes-comerciais';

// Selo que sinaliza produto com proposta comercial diferenciada (promoção do
// gerente ou regra de desconto vigente). O detalhamento fica no modal do produto.
export function CondicaoTag({ conds, compact }: { conds: CondicaoComercial[]; compact?: boolean }) {
  if (conds.length === 0) return null;
  const temPromo = conds.some((c) => c.tipo === 'promocao');
  const temRegra = conds.some((c) => c.tipo === 'regra');
  const style = compact
    ? { fontSize: 10, margin: 0, padding: '0 4px', lineHeight: '16px' }
    : { fontSize: 11, margin: 0 };
  return (
    <>
      {temPromo && (
        <Tag color="gold" style={style}>
          Promoção
        </Tag>
      )}
      {temRegra && (
        <Tag color="geekblue" style={style}>
          Cond. especial
        </Tag>
      )}
    </>
  );
}
