{"version":3,"sources":["components/common/Modal/styledComponents.ts","components/common/Modal/ModalContainer.tsx"],"names":["DialogHeader","styled","div","_templateObject","_taggedTemplateLiteral","siteColors","primary","XButton","button","_templateObject2","CloseButton","_templateObject3","Drawer","_templateObject4","observer","utilityStore","useUtilityStore","React","createElement","Dialog","hidden","modal","open","dialogContentProps","styles","inner","padding","header","display","onDismiss","closeModal","modalProps","isBlocking","main","width","maxWidth","height","onClick","FontAwesomeIcon","icon","faTimes","body"],"mappings":"0RAGaA,EAAeC,IAAOC,IAAGC,MAAAC,YAAA,oGAGhBC,IAAWC,SAIpBC,EAAUN,IAAOO,OAAMC,MAAAL,YAAA,2FACdC,IAAWC,SAMpBI,EAAcT,IAAOO,OAAMG,MAAAP,YAAA,8FAO3BQ,EAASX,IAAOC,IAAGW,MAAAT,YAAA,0M,iCCxBhC,6EAoCeU,uBA3BQ,WACrB,IAAMC,EAAeC,cASrB,OACEC,IAAAC,cAACC,IAAM,CACLC,QAASL,EAAaM,MAAMC,KAC5BC,mBAPuB,CACzBC,OAAQ,CAAEC,MAAO,CAAEC,QAAS,kBAAoBC,OAAQ,CAAEC,QAAS,UAOjEC,UAAWd,EAAae,WACxBC,WAbe,CACjBC,YAAY,EACZR,OAAQ,CAAES,KAAM,CAACC,MAAO,QAASC,SAAU,yBAA0BC,OAAQ,eAAiBX,MAAO,CAAEC,QAAS,UAa9GT,IAAAC,cAAClB,IAAY,KACXiB,IAAAC,cAACX,IAAO,CAAC8B,QAAStB,EAAae,YAC7Bb,IAAAC,cAACoB,IAAe,CAACC,KAAMC,QAG1BzB,EAAaM,MAAMoB","file":"static/js/60.7d443dd5.chunk.js","sourcesContent":["import styled from 'src/utils/styled/styled';\nimport { siteColors } from 'src/constants/themes';\n\nexport const DialogHeader = styled.div`\n  display: flex;\n  justify-content: flex-end;\n  background-color: ${siteColors.primary};\n  padding: 4px;\n`;\n\nexport const XButton = styled.button`\n  background-color: ${siteColors.primary};\n  border: none;\n  color: white;\n  font-size: 1.2rem;\n`;\n\nexport const CloseButton = styled.button`\n  background-color: white;\n  border: none;\n  color: black;\n  font-size: 1.2rem;\n`;\n\nexport const Drawer = styled.div`\n  width: 256px;\n  flex-shrink: 0;\n  top: 0;\n  flex: 1 0 auto;\n  height: 100%;\n  display: flex;\n  outline: 0;\n  flex-direction: column;\n  border-right: 1px solid rgba(0, 0, 0, 0.12);\n`;","import { faTimes } from '@fortawesome/free-solid-svg-icons';\nimport { observer } from 'mobx-react-lite';\nimport React from 'react';\nimport { useUtilityStore } from 'src/stores/useMobxStores';\nimport { Dialog } from '@fluentui/react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { XButton, DialogHeader } from './styledComponents';\n\n\nconst ModalContainer = () => {\n  const utilityStore = useUtilityStore();\n  const modelProps = {\n    isBlocking: false,\n    styles: { main: {width: '500px', maxWidth: 'max-content !important', height: 'max-content' }, inner: { padding: '0px' } }\n  };\n  const dialogContentProps = {\n    styles: { inner: { padding: '0px !important' }, header: { display: 'none' } }\n  };\n\n  return (\n    <Dialog\n      hidden={!utilityStore.modal.open}\n      dialogContentProps={dialogContentProps}\n      onDismiss={utilityStore.closeModal}\n      modalProps={modelProps}\n      >\n      <DialogHeader>\n        <XButton onClick={utilityStore.closeModal}>\n          <FontAwesomeIcon icon={faTimes} />\n        </XButton>\n      </DialogHeader>\n      {utilityStore.modal.body}\n    </Dialog>\n  );\n};\n\nexport default observer(ModalContainer);\n"],"sourceRoot":""}