"use client";
import { useQuote } from './quote-provider';
import Link from './site-link';

type Selection = { id: string; name: string; category: string; unit: string };
export function CatalogAddButton({ product }: { product: Selection }) {
  const { addItem, items, isReady } = useQuote();
  const selected = items.some(item => item.id === product.id);
  return <div className="rc-add"><button data-track-id="lista_adicionar_produto" type="button" disabled={!isReady} aria-label={`${selected ? 'Adicionar mais à lista' : 'Adicionar à minha lista'}: ${product.name}`} onClick={() => addItem(product)}>{selected ? 'Adicionar mais à lista' : '+ Adicionar à minha lista'}</button>{selected && <Link href="/orcamento">Revisar minha lista →</Link>}</div>;
}