{"version":3,"file":"PageContent.mjs","names":["React","clsx","makeStyles","useStyles","theme","root","flex","display","flexDirection","padding","spacing","marginTop","paddingTop","name","PageContent","props","$","_c","classes","children","className","other","t0","t1"],"sources":["../../src/page/PageContent.jsx"],"sourcesContent":["import React from 'react';\nimport clsx from 'clsx';\nimport { makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    root: {\n      flex: 1,\n      display: 'flex',\n      flexDirection: 'column',\n      padding: theme.spacing(2),\n      marginTop: theme.spacing(2),\n      paddingTop: theme.spacing(0)\n    }\n  }),\n  { name: 'PageContent' }\n);\n\n/**\n * Page content wrapper that provides page gutters\n */\nexport const PageContent = (props) => {\n  const classes = useStyles(props);\n  const { className, children, ...other } = props;\n\n  return (\n    <div {...other} classes={null} className={clsx(className, classes.root)}>\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;;;AAIA,MAAMG,YAAYD,YACfE,WAAW,EACVC,MAAM;CACJC,MAAM;CACNC,SAAS;CACTC,eAAe;CACfC,SAASL,MAAMM,QAAQ,EAAE;CACzBC,WAAWP,MAAMM,QAAQ,EAAE;CAC3BE,YAAYR,MAAMM,QAAQ,EAAC;CAC7B,EACD,GACD,EAAEG,MAAM,eACV,CAAC;;;;AAKD,MAAaC,eAAcC,UAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACzB,MAAAC,UAAgBf,UAAUY,MAAM;CAAC,IAAAI;CAAA,IAAAC;CAAA,IAAAC;AAAA,KAAAL,EAAA,OAAAD,OAAA;AACjC,GAAA,CAAAK,WAAAD,aAAAE,SAA0CN;AAAMC,IAAA,KAAAD;AAAAC,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;QAAA;AAAAF,aAAAH,EAAA;AAAAI,cAAAJ,EAAA;AAAAK,UAAAL,EAAA;;CAAA,IAAAM;AAAA,KAAAN,EAAA,OAAAI,aAAAJ,EAAA,OAAAE,QAAAb,MAAA;AAGJiB,OAAArB,KAAKmB,WAAWF,QAAOb,KAAM;AAAAW,IAAA,KAAAI;AAAAJ,IAAA,KAAAE,QAAAb;AAAAW,IAAA,KAAAM;OAAAA,MAAAN,EAAA;CAAA,IAAAO;AAAA,KAAAP,EAAA,OAAAG,YAAAH,EAAA,OAAAK,SAAAL,EAAA,OAAAM,IAAA;AAAvEC,OAAA,sBAAA,cAAA,OAAA;GAEM,GAFGF;GAAgB,SAAA;GAAiB,WAAAC;GAEpC,EADHH,SACG;AAAAH,IAAA,KAAAG;AAAAH,IAAA,KAAAK;AAAAL,IAAA,KAAAM;AAAAN,IAAA,MAAAO;OAAAA,MAAAP,EAAA;AAAA,QAFNO"}