{"version":3,"sources":["webpack:///./src/templates/integrasjon-page.js","webpack:///./src/components/Content.js"],"names":["useStyles","createUseStyles","theme","root","width","maxWidth","margin","spacing","fontFamily","font","fontSize","lineHeight","title","marginBottom","IntegrationPageTemplate","_ref","contentComponent","content","classes","PageContent","Content","React","createElement","className","IntegrationPage","_ref2","path","markdownRemark","data","Layout","HTMLContent","frontmatter","html","color","palette","appearance","border","borderColor","borderRadius","radius1","padding","textDecoration","whiteSpace","paddingLeft","paddingRight","marginTop","backgroundColor","dangerouslySetInnerHTML","__html","defaultProps"],"mappings":"8FAAA,sKAOaA,EAAYC,2BAAgB,SAAAC,GAAK,MAAK,CAC/CC,KAAM,CACFC,MAAO,MACPC,SAAU,QACVC,OAAWJ,EAAMK,QAAQ,IAAK,SAASL,EAAMK,QAAQ,IAAK,QAC1DC,WAAYN,EAAMO,KAAKD,WACvBE,SAAUR,EAAMO,KAAKC,SACrBC,WAAYT,EAAMO,KAAKE,YAE3BC,MAAO,CACHC,aAAcX,EAAMK,QAAQ,SAIvBO,EAA0B,SAAHC,GAA4C,IAAvCC,EAAgBD,EAAhBC,iBAAkBJ,EAAKG,EAALH,MAAOK,EAAOF,EAAPE,QACxDC,EAAUlB,IACVmB,EAAcH,GAAoBI,IAExC,OACIC,IAAAC,cAAA,OAAKC,UAAWL,EAAQf,MACpBkB,IAAAC,cAAA,MAAIC,UAAWL,EAAQN,OAAQA,GAC/BS,IAAAC,cAACH,EAAW,CAACF,QAASA,MA6BnBO,UAlBS,SAAHC,GAAsB,IAAjBC,EAAID,EAAJC,KACfC,EADyBF,EAAJG,KACrBD,eACP,OACIN,IAAAC,cAACO,IAAM,CAACH,KAAMA,GACVL,IAAAC,cAACR,EAAuB,CACpBE,iBAAkBc,IAClBlB,MAAOe,EAAeI,YAAYnB,MAClCK,QAASU,EAAeK,U,kCC9CxC,uEAIahC,EAAYC,2BAAgB,SAAAC,GAAK,MAAK,CAC/Ce,QAAS,CACLb,MAAO,OACP,eAAgB,CACZ6B,MAAO/B,EAAMgC,QAAQ,gBAEzB,MAAO,CACHD,MAAO/B,EAAMgC,QAAQ,gBAEzB,qBAAsB,CAClBC,WAAY,OACZC,OAAQ,YACRC,YAAanC,EAAMgC,QAAQ,eAC3BI,aAAcpC,EAAMoC,aAAaC,QACjCN,MAAO/B,EAAMgC,QAAQ,eACrBM,QAAQ,KAAMtC,EAAMK,QAAQ,IAC5BH,MAAO,cACPqC,eAAgB,OAChBC,WAAY,UAEhB,UAAW,CACPrC,SAAU,QACV,4BAA6B,CACzBK,SAAU,MACV,OAAQ,CACJiC,YAAa,MACbC,aAAc,SAI1B,OAAQ,CACJ/B,aAAc,IACd,MAAO,CACHA,aAAc,MAGtB,OAAQ,CACJgC,UAAW,KAEf,QAAS,CACLL,QAAYtC,EAAMK,QAAQ,GAAI,IAAIL,EAAMK,QAAQ,IAChDuC,gBAAiB5C,EAAMgC,QAAQ,qBAK9BJ,EAAc,SAAHf,GAA8B,IAAzBE,EAAOF,EAAPE,QAASM,EAASR,EAATQ,UAC5BL,EAAUlB,IAChB,OACIqB,IAAAC,cAAA,OACIC,UAAcL,EAAQD,QAAO,IAAIM,EACjCwB,wBAAyB,CAACC,OAAQ/B,MAKxCG,EAAU,SAAHK,GAA8B,IAAzBR,EAAOQ,EAAPR,QAASM,EAASE,EAATF,UACjBL,EAAUlB,IAChB,OAAOqB,IAAAC,cAAA,OAAKC,UAAcL,EAAQD,QAAO,IAAIM,GAAcN,IAG/DG,EAAQ6B,aAAe,CACnB1B,UAAW,IAUAH","file":"component---src-templates-integrasjon-page-js-e267da7a3f08fceb1d9d.js","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport {graphql} from \"gatsby\";\nimport {createUseStyles} from \"react-jss\";\nimport Layout from \"../components/Layout\";\nimport Content, {HTMLContent} from \"../components/Content\";\n\nexport const useStyles = createUseStyles(theme => ({\n    root: {\n        width: \"90%\",\n        maxWidth: \"720px\",\n        margin: `${theme.spacing[\"64\"]} auto ${theme.spacing[\"96\"]} auto`,\n        fontFamily: theme.font.fontFamily,\n        fontSize: theme.font.fontSize,\n        lineHeight: theme.font.lineHeight\n    },\n    title: {\n        marginBottom: theme.spacing[\"48\"]\n    }\n}));\n\nexport const IntegrationPageTemplate = ({contentComponent, title, content}) => {\n    const classes = useStyles();\n    const PageContent = contentComponent || Content;\n\n    return (\n        <div className={classes.root}>\n            <h1 className={classes.title}>{title}</h1>\n            <PageContent content={content} />\n        </div>\n    );\n};\n\nIntegrationPageTemplate.propTypes = {\n    contentComponent: PropTypes.func.isRequired,\n    title: PropTypes.string.isRequired,\n    content: PropTypes.string.isRequired\n};\n\nconst IntegrationPage = ({path, data}) => {\n    const {markdownRemark} = data;\n    return (\n        <Layout path={path}>\n            <IntegrationPageTemplate\n                contentComponent={HTMLContent}\n                title={markdownRemark.frontmatter.title}\n                content={markdownRemark.html}\n            />\n        </Layout>\n    );\n};\n\nIntegrationPage.propTypes = {\n    path: PropTypes.string.isRequired,\n    data: PropTypes.objectOf(PropTypes.object).isRequired\n}\n\nexport default IntegrationPage;\n\nexport const pageQuery = graphql`\n    query IntegrationPageTemplate {\n        markdownRemark(frontmatter: {templateKey: {eq: \"integrasjon-page\"}}) {\n            html\n            frontmatter {\n                title\n            }\n        }\n    }\n`;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport {createUseStyles} from \"react-jss\";\n\nexport const useStyles = createUseStyles(theme => ({\n    content: {\n        width: \"100%\",\n        \"& h1, h2, h3\": {\n            color: theme.palette[\"neutral-800\"]\n        },\n        \"& a\": {\n            color: theme.palette[\"primary-500\"]\n        },\n        \"& a[type='button']\": {\n            appearance: \"none\",\n            border: \"1px solid\",\n            borderColor: theme.palette[\"primary-500\"],\n            borderRadius: theme.borderRadius.radius1,\n            color: theme.palette[\"primary-500\"],\n            padding: `0 ${theme.spacing[16]}`,\n            width: \"fit-content\",\n            textDecoration: \"none\",\n            whiteSpace: \"nowrap\"\n        },\n        \"& table\": {\n            maxWidth: \"100vw\",\n            \"@media (max-width: 600px)\": {\n                fontSize: \"3vw\",\n                \"& td\": {\n                    paddingLeft: \"2vw\",\n                    paddingRight: \"2vw\"\n                }\n            }\n        },\n        \"& li\": {\n            marginBottom: \"0\",\n            \"& p\": {\n                marginBottom: \"0\"\n            }\n        },\n        \"& ul\": {\n            marginTop: \"0\"\n        },\n        \"& pre\": {\n            padding: `${theme.spacing[\"4\"]} ${theme.spacing[\"12\"]}`,\n            backgroundColor: theme.palette[\"neutral-050\"]\n        }\n    }\n}));\n\nexport const HTMLContent = ({content, className}) => {\n    const classes = useStyles();\n    return (\n        <div\n            className={`${classes.content} ${className}`}\n            dangerouslySetInnerHTML={{__html: content}} /* eslint-disable-line */\n        />\n    );\n};\n\nconst Content = ({content, className}) => {\n    const classes = useStyles();\n    return <div className={`${classes.content} ${className}`}>{content}</div>;\n};\n\nContent.defaultProps = {\n    className: \"\"\n};\n\nContent.propTypes = {\n    content: PropTypes.node.isRequired,\n    className: PropTypes.string\n};\n\nHTMLContent.propTypes = Content.propTypes;\n\nexport default Content;\n"],"sourceRoot":""}