{"version":3,"file":"SideBarTemplate.mjs","names":["React","useState","makeStyles","Fade","FluentIconButton","ChevronRightIcon","ChevronLeftIcon","useStyles","theme","root","display","flexDirection","width","position","column","flex","content","sideBar","height","background","palette","primary","light","SideBarTemplate","t0","$","_c","children","sidebar","classes","open","setOpen","t1","toggleSidebar","t2","t3","t4","top","right","t5","t6","t7","t8","enter","exit","t9","t10"],"sources":["../../../src/layout/templates/SideBarTemplate.jsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { makeStyles, Fade } from '@material-ui/core'\nimport { FluentIconButton } from '../../UI/inputs/buttons/FluentIconButton'\nimport { ChevronRightIcon, ChevronLeftIcon } from '@fluentui/react-icons'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    width: '100%',\n    position: 'relative'\n  },\n  column: {\n    display: 'flex',\n    flexDirection: 'row',\n    flex: 1\n  },\n  content: {\n    flex: 1\n  },\n  sideBar: {\n    height: '100vh',\n    background: theme.palette.primary.light\n  }\n}))\n\nexport const SideBarTemplate = ({ children, sidebar }) => {\n  const classes = useStyles()\n\n  const [open, setOpen] = useState(true)\n\n  const toggleSidebar = () => {\n    setOpen(!open)\n  }\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.column}>\n        <div className={classes.content}>{children}</div>\n\n        <div style={{ position: 'absolute', top: 0, right: open ? 300 : 0 }}>\n          <FluentIconButton\n            color='primary'\n            icon={open ? ChevronRightIcon : ChevronLeftIcon}\n            onClick={toggleSidebar}\n          />\n        </div>\n\n        {open && (\n          <Fade in={open} timeout={{ enter: 1000, exit: 1000 }}>\n            <div className={classes.sideBar}>{sidebar}</div>\n          </Fade>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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"}