{"version":3,"file":"component---src-templates-single-language-procedure-js-dddf4006be9a11f2978a.js","mappings":"uLAmHA,UA7G+BA,IAAyB,IAAxB,KAAEC,EAAI,SAAEC,GAAUF,EAChD,MAAM,UACJG,EAAS,gBACTC,EAAe,QACfC,EAAO,QACPC,EAAO,QACPC,EAAO,WACPC,EAAU,QACVC,EAAO,SACPC,GACET,EAAKU,0BAA0BC,MAAM,GAEzC,OACEC,EAAAA,cAACC,EAAAA,EAAM,CAACJ,SAAS,MACfG,EAAAA,cAACE,EAAAA,EAAG,CACFC,KAAMN,EACNO,MAAOd,EACPe,YAAad,EACbe,SAAUjB,EAASiB,WAErBN,EAAAA,cAAA,OAAKO,MAAO,CAAEC,UAAW,IAAKC,aAAc,IAAMC,UAAU,WAC1DV,EAAAA,cAAA,OAAKU,UAAU,gBACfV,EAAAA,cAAA,OAAKU,UAAU,UACbV,EAAAA,cAAA,MACEO,MAAO,CAAEI,YAAa,GAAIC,aAAc,IACxCF,UAAU,0BACTlB,GAGHQ,EAAAA,cAAA,OACEO,MAAO,CACLM,SAAU,WACVC,cAAe,SACfC,MAAO,OACPN,aAAc,SAEhBT,EAAAA,cAAA,UACEO,MAAO,CACLM,SAAU,WACVG,MAAO,EACPD,MAAO,OACPE,OAAQ,QAEVF,MAAM,MACNE,OAAO,MACPC,IAAG,iCAAmCxB,EACtCU,MAAM,uBACNe,YAAY,IACZC,MAAM,sGACNC,iBAAe,KAGnBrB,EAAAA,cAACsB,EAAAA,GAAI,CACHf,MAAO,CAAEgB,UAA2B,OAAb1B,EAAoB,MAAQ,OACnDa,UAAU,gBACVc,KAAM/B,IAGRO,EAAAA,cAAA,KACEO,MAAO,CAAEC,UAAW,SAAUC,aAAc,QAC5CC,UAAU,mCACVV,EAAAA,cAAA,SAAIL,IAGNK,EAAAA,cAAA,OACEU,UAAU,8CACVH,MAAO,CAAEQ,MAAO,OAAQU,IAAK,KAC5B7B,EAAQ8B,KAAI,CAACC,EAAQC,IACpB5B,EAAAA,cAAA,KACEI,MAAOuB,EAAOA,OAAOE,WACrBnB,UAAU,4BACVH,MAAO,CAAEQ,MAAO,IAAKe,OAAQ,GAC7BC,IAAKH,EACLI,KAAML,EAAOA,OAAOK,MACnBL,EAAOA,OAAOE,gBAKvB7B,EAAAA,cAAA,OAAKU,UAAU,iBAEV,C","sources":["webpack://gatsby-starter-default/./src/templates/single-language-procedure.js"],"sourcesContent":["import { graphql } from \"gatsby\"\nimport React from \"react\"\nimport SEO from \"../components/seo\"\nimport Layout from \"../components/layout\"\nimport { Text } from \"../components/Core\"\n\nconst LanguageProceduresPage = ({ data, location }) => {\n  const {\n    metaTitle,\n    metaDescription,\n    heading,\n    content,\n    youtube,\n    disclaimer,\n    buttons,\n    language\n  } = data.allLanguageProceduresJson.nodes[0]\n\n  return (\n    <Layout language=\"en\">\n      <SEO\n        lang={language}\n        title={metaTitle}\n        description={metaDescription}\n        pathname={location.pathname}\n      />\n      <div style={{ marginTop: 150, marginBottom: 60 }} className=\"columns\">\n        <div className=\"column is-4\"></div>\n        <div className=\"column\">\n          <h1\n            style={{ paddingLeft: 40, paddingRight: 40 }}\n            className=\"has-text-centered mb-2\">\n            {heading}\n          </h1>\n\n          <div\n            style={{\n              position: \"relative\",\n              paddingBottom: \"56.25%\",\n              width: \"100%\",\n              marginBottom: \"2rem\"\n            }}>\n            <iframe\n              style={{\n                position: \"absolute\",\n                inset: 0,\n                width: \"100%\",\n                height: \"100%\"\n              }}\n              width=\"560\"\n              height=\"315\"\n              src={`https://www.youtube.com/embed/${youtube}`}\n              title=\"YouTube video player\"\n              frameborder=\"0\"\n              allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n              allowfullscreen></iframe>\n          </div>\n\n          <Text\n            style={{ direction: `${language === \"ar\" ? \"rtl\" : \"ltr\"}` }}\n            className=\"px-40--mobile\"\n            text={content}\n          />\n\n          <p\n            style={{ marginTop: \"1.5rem\", marginBottom: \"2rem\" }}\n            className=\"has-text-centered px-40--mobile\">\n            <i>{disclaimer}</i>\n          </p>\n\n          <div\n            className=\"button-group is-centered is-centered-mobile\"\n            style={{ width: \"100%\", gap: 40 }}>\n            {buttons.map((button, index) => (\n              <a\n                title={button.button.buttonText}\n                className=\"standard-button contained\"\n                style={{ width: 300, margin: 0 }}\n                key={index}\n                href={button.button.href}>\n                {button.button.buttonText}\n              </a>\n            ))}\n          </div>\n        </div>\n        <div className=\"column is-4\"></div>\n      </div>\n    </Layout>\n  )\n}\n\nexport const languageProceduresPageQuery = graphql`\n  query languageProceduresPage($title: String!) {\n    allLanguageProceduresJson(filter: { title: { eq: $title } }) {\n      nodes {\n        metaTitle\n        metaDescription\n        language\n        heading\n        content\n        youtube\n        disclaimer\n        buttons {\n          button {\n            buttonText\n            href\n            appearance\n            destination\n          }\n        }\n      }\n    }\n  }\n`\n\nexport default LanguageProceduresPage\n"],"names":["_ref","data","location","metaTitle","metaDescription","heading","content","youtube","disclaimer","buttons","language","allLanguageProceduresJson","nodes","React","Layout","SEO","lang","title","description","pathname","style","marginTop","marginBottom","className","paddingLeft","paddingRight","position","paddingBottom","width","inset","height","src","frameborder","allow","allowfullscreen","Text","direction","text","gap","map","button","index","buttonText","margin","key","href"],"sourceRoot":""}