const { QuickQuote, TrustStrip } = window.CoolZoneSolutionDesignSystem_12e696;

function QuickQuoteSection({ t }) {
  const handleSubmit = (answers) => {
    const s = window.CZ_SETTINGS;
    const subject = encodeURIComponent(t.qqTitle);
    const body = encodeURIComponent(
      `${t.qqBuildingLabel} ${answers[0]}\n${t.qqServiceLabel} ${answers[1]}\n${t.qqSizeLabel} ${answers[2]}`
    );
    window.location.href = `mailto:${s.email}?subject=${subject}&body=${body}`;
  };

  return (
    <section className="section">
      <div className="container">
        <TrustStrip items={t.trustItems} />
      </div>
      <div className="container" style={{ marginTop: '28px', maxWidth: '760px' }}>
        <QuickQuote
          eyebrow={t.qqEyebrow}
          title={t.qqTitle}
          buildingLabel={t.qqBuildingLabel}
          serviceLabel={t.qqServiceLabel}
          sizeLabel={t.qqSizeLabel}
          buildings={t.qqBuildings}
          services={t.qqServices}
          sizes={t.qqSizes}
          resultTitle={t.qqResultTitle}
          resultNote={t.qqResultNote}
          ctaLabel={t.qqCta}
          phone={window.CZ_SETTINGS.phoneDisplay}
          phoneLabel={t.qqPhoneLabel}
          restartLabel={t.qqRestart}
          onSubmit={handleSubmit}
        />
      </div>
    </section>
  );
}
Object.assign(window, { QuickQuoteSection });