/**
 * TrustStrip — faixa de compliance perto do FAQ. Os logos de integração
 * subiram pro IntegraStrip (na dobra); aqui ficam só os selos de segurança.
 */
const TrustStrip = () => {
  const selos = [
    { icon: <Icon.Shield size={18}/>, label: 'LGPD' },
    { icon: <Icon.Doc size={18}/>,    label: 'OAB' },
    { icon: <Icon.Whatsapp size={18}/>, label: 'WhatsApp Business API oficial' },
    { icon: <Icon.Bolt size={18}/>,   label: 'Criptografia ponta-a-ponta' },
  ];

  return (
    <section className="section section-light trust-strip-section" id="confianca" data-screen-label="09 Trust Strip">
      <div className="container">
        <div className="trust-strip trust-strip-solo">
          <div className="ts-col ts-col-selos">
            <span className="ts-kicker">Seguro e em conformidade</span>
            <ul className="ts-selos">
              {selos.map((s, i) => (
                <li key={i} className="ts-selo" title={s.label}>
                  <span className="ts-selo-icon" aria-hidden="true">{s.icon}</span>
                  <span className="ts-selo-label">{s.label}</span>
                </li>
              ))}
            </ul>
          </div>
        </div>
      </div>
    </section>
  );
};

window.TrustStrip = TrustStrip;