{"version":3,"file":"Alert.mjs","sources":["../../../../../../../../web/src/adminPortal/components/Alert.tsx"],"sourcesContent":["import ReportProblemOutlinedIcon from '@mui/icons-material/ReportProblemOutlined';\nimport { styled } from '@mui/material';\nimport React from 'react';\n\nimport { Typography } from './Typography';\n\nconst StyledAlert = styled('div')(({ theme }) => ({\n  color: theme.styleConfig.colors.primary,\n  padding: theme.spacing(1.5, 3),\n  backgroundColor: theme.styleConfig.colors.accent,\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1),\n}));\n\nexport const Alert = ({ children }: { children: React.ReactNode }) => {\n  return (\n    <StyledAlert>\n      <ReportProblemOutlinedIcon style={{ fontSize: 16 }} />\n      <Typography variant=\"body2\">{children}</Typography>\n    </StyledAlert>\n  );\n};\n"],"names":["StyledAlert","styled","theme","color","styleConfig","colors","primary","padding","spacing","backgroundColor","accent","display","alignItems","gap","Alert","children","React","ReportProblemOutlinedIcon","style","fontSize","Typography","variant"],"mappings":";;;;;AAMA,MAAMA,WAAAA,GAAcC,OAAO,KAAA,CAAA,CAAO,CAAC,EAAEC,KAAK,EAAE,IAAM;AAChDC,QAAAA,KAAAA,EAAOD,KAAAA,CAAME,WAAW,CAACC,MAAM,CAACC,OAAO;QACvCC,OAAAA,EAASL,KAAAA,CAAMM,OAAO,CAAC,GAAA,EAAK,CAAA,CAAA;AAC5BC,QAAAA,eAAAA,EAAiBP,KAAAA,CAAME,WAAW,CAACC,MAAM,CAACK,MAAM;QAChDC,OAAAA,EAAS,MAAA;QACTC,UAAAA,EAAY,QAAA;QACZC,GAAAA,EAAKX,KAAAA,CAAMM,OAAO,CAAC,CAAA;KACrB,CAAA,CAAA;AAEO,MAAMM,KAAAA,GAAQ,CAAC,EAAEC,QAAQ,EAAiC,GAAA;IAC/D,qBACEC,EAAA,CAAA,aAAA,CAAChB,iCACCgB,EAAA,CAAA,aAAA,CAACC,yBAAAA,EAAAA;QAA0BC,KAAAA,EAAO;YAAEC,QAAAA,EAAU;AAAG;sBACjDH,EAAA,CAAA,aAAA,CAACI,UAAAA,EAAAA;QAAWC,OAAAA,EAAQ;AAASN,KAAAA,EAAAA,QAAAA,CAAAA,CAAAA;AAGnC;;;;"}