{"version":3,"file":"467.min.js","mappings":"0JAOA,MAAMA,EAAW,IAAkB,IAAjB,SAAEC,GAAe,EAClC,OACC,mBAACC,EAAD,MACC,mBAACC,EAAD,OACA,mBAACC,EAAD,KAAcH,IACd,mBAACE,EAAD,QAKH,YAEAH,EAASK,UAAY,CACpBJ,SAAUK,IAAAA,KAGX,MAAMJ,EAAOK,EAAAA,EAAAA,GAAW;;;;;;;sCAOcC,EAAAA,GAAAA,QAAAA;;;kBAGpBA,EAAAA,GAAAA,MAAAA;;;;sCAIoBA,EAAAA,GAAAA,QAAAA;;qCAEDA,EAAAA,GAAAA,MAAAA;;;EAK/BL,EAAaI,EAAAA,EAAAA,GAAW,GACxBH,EAAcG,EAAAA,EAAAA,GAAW","sources":["webpack://cne/./assets/js/frontend/components/PageGrid.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport styled from \"@emotion/styled\";\n\n// style rules\nimport { Sizes } from \"../styles\";\n\nconst PageGrid = ({ children }) => {\n\treturn (\n\t\t<Grid>\n\t\t\t<GridMargin></GridMargin>\n\t\t\t<GridContent>{children}</GridContent>\n\t\t\t<GridMargin></GridMargin>\n\t\t</Grid>\n\t);\n};\n\nexport default PageGrid;\n\nPageGrid.propTypes = {\n\tchildren: PropTypes.any,\n};\n\nconst Grid = styled.div`\n\n    width: 100vw;\n\tmin-height: 80vh;\n\tdisplay: grid;\n\tgrid-template-columns: 2.4rem auto 2.4rem;\n\n\t@media only screen and (min-width: ${Sizes.screens.medium}) {\n\t\tgrid-template-columns:\n\t\t\tminmax(4rem, auto)\n\t\t\tminmax(auto, ${Sizes.grids.mediumWidth})\n\t\t\tminmax(4rem, auto);\n\t}\n\n\t@media only screen and (min-width: ${Sizes.screens.large}) {\n\t\tgrid-template-columns:\n\t\t\tminmax(8rem, auto) minmax(auto, ${Sizes.grids.maxWidth})\n\t\t\tminmax(8rem, auto);\n\t}\n`;\n\nconst GridMargin = styled.div``;\nconst GridContent = styled.div``;\n"],"names":["PageGrid","children","Grid","GridMargin","GridContent","propTypes","PropTypes","styled","Sizes"],"sourceRoot":""}