{"ast":null,"code":"var __jsx = React.createElement;\nimport React from 'react';\nimport { asideWidth, backgroundColor, headerHeight, math, position, primaryColor, rem, size } from '~/utils/style';\nimport HashLoader from 'react-spinners/HashLoader';\nimport styled from 'styled-components';\nconst margin = rem(20);\nconst padding = rem(20);\nconst Section = styled.section.withConfig({\n  displayName: \"Content__Section\",\n  componentId: \"sc-1db1fnb-0\"\n})([\"overflow:hidden;\"]);\nconst Article = styled.article.withConfig({\n  displayName: \"Content__Article\",\n  componentId: \"sc-1db1fnb-1\"\n})([\"margin:\", \";margin-right:\", \";padding:\", \";background-color:\", \";min-height:calc(100vh - \", \");\"], margin, props => props.aside ? math(`${margin} + ${asideWidth}`) : margin, padding, backgroundColor, math(`${margin} * 2 + ${headerHeight}`));\nconst Aside = styled.aside.withConfig({\n  displayName: \"Content__Aside\",\n  componentId: \"sc-1db1fnb-2\"\n})([\"padding:\", \";background-color:\", \";\", \" \", \" overflow-x:hidden;overflow-y:auto;\"], padding, backgroundColor, size(`calc(100vh - ${headerHeight})`, asideWidth), position('fixed', headerHeight, 0, null, null));\nconst Loading = styled.div.withConfig({\n  displayName: \"Content__Loading\",\n  componentId: \"sc-1db1fnb-3\"\n})([\"\", \" \", \" background-color:rgba(255,255,255,0.8);display:flex;justify-content:center;align-items:center;overscroll-behavior:none;cursor:progress;\"], size('100vh', '100vw'), position('fixed', 0, 0, 0, 0));\n\nconst Content = ({\n  children,\n  aside,\n  loading\n}) => __jsx(Section, null, __jsx(Article, {\n  aside: !!aside\n}, children), aside && __jsx(Aside, null, aside), loading && __jsx(Loading, null, __jsx(HashLoader, {\n  size: \"60px\",\n  color: primaryColor\n})));\n\nexport default Content;","map":null,"metadata":{},"sourceType":"module"}