{"version":3,"file":"component---src-templates-single-language-procedure-js-4677c896d0e2dc92943d.js","mappings":"4LAsHA,UAhH+B,SAAH,GAA4B,IAAtBA,EAAI,EAAJA,KAAMC,EAAQ,EAARA,SACtC,EASID,EAAKE,0BAA0BC,MAAM,GARvCC,EAAS,EAATA,UACAC,EAAe,EAAfA,gBACAC,EAAO,EAAPA,QACAC,EAAO,EAAPA,QACAC,EAAO,EAAPA,QACAC,EAAU,EAAVA,WACAC,EAAO,EAAPA,QACAC,EAAQ,EAARA,SAKEC,EAAgB,MAKpB,MAPqB,CAAC,MAGLC,SAASF,KACxBC,EAAgB,OAIhB,gBAAC,IAAM,CAACD,SAAS,MACf,gBAAC,IAAG,CACFG,KAAMH,EACNI,MAAOX,EACPY,YAAaX,EACbY,SAAUhB,EAASgB,WAErB,uBAAKC,MAAO,CAAEC,UAAW,IAAKC,aAAc,IAAMC,UAAU,WAC1D,uBAAKA,UAAU,gBACf,uBAAKA,UAAU,UACb,sBACEH,MAAO,CAAEI,YAAa,GAAIC,aAAc,IACxCF,UAAU,qBACTf,GAGH,uBACEY,MAAO,CACLM,SAAU,WACVC,cAAe,SACfC,MAAO,OACPN,aAAc,SAEhB,0BACEF,MAAO,CACLM,SAAU,WACVG,MAAO,EACPD,MAAO,OACPE,OAAQ,QAEVF,MAAM,MACNE,OAAO,MACPC,IAAG,iCAAmCrB,EACtCO,MAAM,uBACNe,YAAY,IACZC,MAAM,sGACNC,iBAAe,KAGnB,gBAAC,KAAI,CAACC,IAAKrB,EAAesB,KAAM3B,IAEhC,qBACEW,MAAO,CAAEC,UAAW,SAAUC,aAAc,QAC5CC,UAAU,qBACV,yBAAIZ,IAGN,uBACEY,UAAU,8CACVH,MAAO,CAAEQ,MAAO,OAAQS,IAAK,KAC5BzB,EAAQ0B,KAAI,SAACC,EAAQC,GAAK,OACzB,qBACEvB,MAAOsB,EAAOA,OAAOE,WACrBlB,UAAU,4BACVH,MAAO,CAAEQ,MAAO,IAAKc,OAAQ,GAC7BC,IAAKH,EACLI,KAAML,EAAOA,OAAOK,MACnBL,EAAOA,OAAOE,WACb,MAIV,uBAAKlB,UAAU,iBAIvB,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  const rtlLangauges = [\"ar\"]\n\n  let textDirection = \"ltr\"\n  if (rtlLangauges.includes(language)) {\n    textDirection = \"rtl\"\n  }\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\">\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 dir={textDirection} text={content} />\n\n          <p\n            style={{ marginTop: \"1.5rem\", marginBottom: \"2rem\" }}\n            className=\"has-text-centered\">\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":["data","location","allLanguageProceduresJson","nodes","metaTitle","metaDescription","heading","content","youtube","disclaimer","buttons","language","textDirection","includes","lang","title","description","pathname","style","marginTop","marginBottom","className","paddingLeft","paddingRight","position","paddingBottom","width","inset","height","src","frameborder","allow","allowfullscreen","dir","text","gap","map","button","index","buttonText","margin","key","href"],"sourceRoot":""}