{"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';\nvar margin = rem(20);\nvar padding = rem(20);\nvar Section = styled.section.withConfig({\n  displayName: \"Content__Section\",\n  componentId: \"sc-1db1fnb-0\"\n})([\"overflow:hidden;\"]);\nvar 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, function (props) {\n  return props.aside ? math(\"\".concat(margin, \" + \").concat(asideWidth)) : margin;\n}, padding, backgroundColor, math(\"\".concat(margin, \" * 2 + \").concat(headerHeight)));\nvar 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 - \".concat(headerHeight, \")\"), asideWidth), position('fixed', headerHeight, 0, null, null));\nvar 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\nvar Content = function Content(_ref) {\n  var children = _ref.children,\n      aside = _ref.aside,\n      loading = _ref.loading;\n  return __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};\n\nexport default Content;","map":null,"metadata":{},"sourceType":"module"}