{"version":3,"sources":["webpack://ecoverso.org/./src/pages/faq.tsx"],"names":["faqCategories","data","wordPress","nodes","t","useTranslation","useState","activeFaq","setActiveFaq","title","className","map","faqCategory","i","onClick","icon","details","name","faqs"],"mappings":"+LAqGA,UAhE6B,SAAC,GAMvB,IAHuBA,EAGxB,EALJC,KACEC,UACEF,cAAiBG,MAIbC,GAAMC,QAAe,IAArBD,EAER,GAAkCE,cAAS,GAApCC,EAAP,KAAkBC,EAAlB,KAEA,OACE,gBAAC,IAAD,KACE,gBAAC,KAAD,CAAKC,MAAOL,EAAE,uBACd,uBAAKM,UAAU,6BACb,uBAAKA,UAAU,WACb,0BAAKN,EAAE,4CAGX,uBAAKM,UAAU,6CACb,uBAAKA,UAAU,mBACZV,EAAcW,KAAI,SAACC,EAAaC,GAAd,OACjB,uBACEH,UAAW,0BAA4BH,GAAaM,EAAI,kCAAoC,IAC5FC,QAAS,WACPN,EAAaK,KAGf,gBAAC,KAAD,CAAME,KAAMH,EAAYI,UACvBJ,EAAYK,WAKrB,gBAAC,IAAD,CAAKC,KAAMlB,EAAcO,GAAWW,KAAKf,MAAOO,UAAU","file":"component---src-pages-faq-tsx-f2a87b9ad776b788a102.js","sourcesContent":["import React, { useState } from \"react\"\n\nimport { graphql, useStaticQuery } from \"gatsby\"\n\nimport { useTranslation, Link, FormatDate } from \"../i18n\"\n\nimport GridLayout from \"../Layout/GridLayout\"\nimport { Image, Icon, ImageData, Button } from \"../Layout/Components\"\nimport { Popover } from \"antd\"\nimport { TestimonialData } from \"../rows/Testimonials\"\nimport FAQ from \"../rows/FAQ\"\nimport { FaqData } from \"../rows/FAQ\"\n\nimport { Seo } from \"../seo/\"\n\ntype Props = {\n  data: {\n    wordPress: {\n      faqCategories: {\n        nodes: [\n          {\n            name\n            details: {\n              icon\n              iconStyle\n              iconType\n            }\n            faqs: {\n              nodes: FaqData[]\n            }\n          }\n        ]\n      }\n    }\n  }\n}\n\nconst faq: React.FC<Props> = ({\n  data: {\n    wordPress: {\n      faqCategories: { nodes: faqCategories },\n    },\n  },\n}) => {\n  const { t } = useTranslation([])\n\n  const [activeFaq, setActiveFaq] = useState(0)\n\n  return (\n    <GridLayout>\n      <Seo title={t(\"Domande Frequenti\")} />\n      <div className=\"row row--center mt-m pb-s\">\n        <div className=\"col--12\">\n          <h1>{t(\"Rispondiamo a tutte le vostre domande\")}</h1>\n        </div>\n      </div>\n      <div className=\"row row--center row--no-grid pt-none pb-s\">\n        <div className=\"faqs-categories\">\n          {faqCategories.map((faqCategory, i) => (\n            <div\n              className={\"faqs-categories-button\" + (activeFaq == i ? \" faqs-categories-button--active\" : \"\")}\n              onClick={() => {\n                setActiveFaq(i)\n              }}\n            >\n              <Icon icon={faqCategory.details} />\n              {faqCategory.name}\n            </div>\n          ))}\n        </div>\n      </div>\n      <FAQ faqs={faqCategories[activeFaq].faqs.nodes} className=\"pt-none\" />\n    </GridLayout>\n  )\n}\n\nexport const query = graphql`\n  query FaqsQuery {\n    wordPress {\n      faqCategories(where: { orderby: DESCRIPTION }) {\n        nodes {\n          name\n          details {\n            icon\n            iconStyle\n            iconType\n          }\n          faqs(where: { orderby: { field: DATE, order: ASC } }, first: 1000) {\n            nodes {\n              title\n              details {\n                answer\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n`\n\nexport default faq\n"],"sourceRoot":""}