{"version":3,"file":"Loading.mjs","sources":["../../../../../../../../../web/src/ui/components/molecules/Loading.tsx"],"sourcesContent":["import { useLingui } from '@lingui/react/macro';\nimport * as React from 'react';\n\nimport { CircularProgress } from '../atoms/CircularProgress';\nimport Typography from '../atoms/Typography';\nimport styles from './Loading.module.css';\n\nexport const LoggingInScreen = () => {\n  const { t } = useLingui();\n  return (\n    <Typography variant=\"header\" align=\"center\">\n      {t({ id: 'login.loading', message: 'Logging in...' })}\n    </Typography>\n  );\n};\n\nexport const LoadingScreen = () => (\n  <div className={styles.loadingScreen}>\n    <CircularProgress size={32} />\n  </div>\n);\n"],"names":["LoggingInScreen","useLingui","React.createElement","Typography","variant","align","LoadingScreen","div","className","styles","loadingScreen","CircularProgress","size"],"mappings":";;;;;;;MAOaA,eAAAA,GAAkB,IAAA;AAC7B,IAAA,MAAM,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,GAAA,EAAA,GAAQC,SAAAA,EAAAA;AACd,IAAA,qBACEC,CAAA,CAACC,UAAAA,EAAAA;QAAWC,OAAAA,EAAQ,QAAA;QAASC,KAAAA,EAAM;;;;;AAIvC;AAEO,MAAMC,aAAAA,GAAgB,kBAC3BJ,CAAA,CAACK,KAAAA,EAAAA;AAAIC,QAAAA,SAAAA,EAAWC,iBAAOC;qBACrBR,CAAA,CAACS,gBAAAA,EAAAA;QAAiBC,IAAAA,EAAM;AAE1B,KAAA,CAAA;;;;"}