const { SectionHead, FaqItem } = window.CoolZoneSolutionDesignSystem_12e696;

function Faq({ t }) {
  const { ov } = React.useContext(AdminEditContext);
  return (
    <section className="section" id="faq">
      <div className="container">
        <SectionHead
          tag={<EditableText fieldKey="faqTag">{t.faqTag}</EditableText>}
          title={<EditableText fieldKey="faqH2">{t.faqH2}</EditableText>}
          body={<EditableText fieldKey="faqP" multiline>{t.faqP}</EditableText>}
        />
        <div className="faq">
          {t.faq.map((q, i) => (
            <FaqItem
              key={i}
              question={<EditableText fieldKey={'faq_' + i + '_q'}>{ov('faq_' + i + '_q', q[0])}</EditableText>}
              defaultOpen={i === 0}
              ctaLabel={i === 1 ? t.cta : null}
              ctaHref="#kontakt"
            >
              <EditableText fieldKey={'faq_' + i + '_a'} multiline>{ov('faq_' + i + '_a', q[1])}</EditableText>
            </FaqItem>
          ))}
        </div>
      </div>
    </section>
  );
}
Object.assign(window, { Faq });