const { SectionHead, TestimonialCard, CertItem, MicroCta } = window.CoolZoneSolutionDesignSystem_12e696;

const DEFAULT_PARTNER_BRANDS = ['Daikin', 'Mitsubishi', 'Panasonic', 'Vaillant', 'Viessmann', 'LG'];

function Reviews({ t, sections }) {
  const cfg = sections && sections.reviews;
  if (!cfg || !cfg.visible || !cfg.items || !cfg.items.length) return null;
  return (
    <section className="section" id="opinie">
      <div className="container">
        <SectionHead tag={t.revTag} title={t.revH2} body={t.revP} />
        <div className="testimonials">
          {cfg.items.map((r, i) => (
            <TestimonialCard key={i} quote={r.quote} location={r.city} avatarVariant={['a', 'b', 'c'][i % 3]}
              name={r.name} initials={(r.name || '').split(' ').map((w) => w[0]).join('').slice(0, 2).toUpperCase()} />
          ))}
        </div>
        <MicroCta text={t.mReviews} link={t.cta} href="#kontakt" />
      </div>
    </section>
  );
}

function Partners({ t, sections }) {
  const cfg = (sections && sections.partners) || { visible: true, items: [] };
  if (!cfg.visible) return null;
  const brands = (cfg.items && cfg.items.length) ? cfg.items : DEFAULT_PARTNER_BRANDS;
  return (
    <section className="section section-alt partners-section" id="partnerzy">
      <div className="container">
        <SectionHead
          tag={<EditableText fieldKey="partTag">{t.partTag}</EditableText>}
          title={<EditableText fieldKey="partH2">{t.partH2}</EditableText>}
          body={<EditableText fieldKey="partP" multiline>{t.partP}</EditableText>}
        />
        <div className="logos" style={{ marginBottom: '34px' }}>
          {brands.map((n) => (
            <div className="logo-box" key={n}><span style={{ font: '800 1.02rem/1 var(--font-ui)', color: 'var(--ink-3)', letterSpacing: '-.01em' }}>{n}</span></div>
          ))}
        </div>
        <div className="certs certs-wide">
          {t.certs.map((c, i) => <CertItem key={i} icon={['cert', 'shield', 'service'][i]} title={c[0]} description={c[1]} />)}
        </div>
        <MicroCta text={t.mPartners} link={t.lFaq} href="#faq" />
      </div>
    </section>
  );
}
Object.assign(window, { Reviews, Partners });