import { useWhatsAppLink } from 'camarauth-sdk/react';

function WhatsAppButton() {
  const { generateLink, generatePinLink } = useWhatsAppLink('+34600123456');

  const messageLink = generateLink('Hola, tengo una pregunta');
  const pinLink = generatePinLink('ABC123', ['🎉', '🔥', '✨']);

  return (
    <div>
      <a href={messageLink} target="_blank" rel="noopener noreferrer">
        Enviar mensaje personalizado
      </a>
      <a href={pinLink} target="_blank" rel="noopener noreferrer">
        Enviar PIN por WhatsApp
      </a>
    </div>
  );
}

function CustomerSupport() {
  const supportLink = useWhatsAppLink('+34123456789');

  const links = {
    sales: supportLink.generateLink('Hola, quiero información sobre sus productos'),
    support: supportLink.generateLink('Hola, tengo un problema técnico'),
    billing: supportLink.generateLink('Hola, tengo una duda sobre mi factura')
  };

  return (
    <div>
      <h2>Contactar con nosotros</h2>
      <a href={links.sales}>💼 Ventas</a>
      <a href={links.support}>🔧 Soporte técnico</a>
      <a href={links.billing}>💳 Facturación</a>
    </div>
  );
}