{"version":3,"file":"FluentCardText.mjs","names":["React","makeStyles","styled","Typography","Box","useStyles","theme","rootContainer","backgroundColor","palette","background","paper","padding","width","boxSizing","display","flexDirection","alignItems","justifyContent","gap","breakpoints","down","title","textAlign","fontWeight","letterSpacing","description","fontSize","descriptionColor","color","props","textColor","text","primary","Title","Description","FluentCardText","$","_c","classes","sx","titleStyle","descriptionStyle","titleVariant","t0","loading","t1","errorMessage","t2","undefined","t3","t4","height","t5"],"sources":["../../../../../src/UI/surfaces/cards/fluentCards/FluentCardText.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles, styled, Typography, Box } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n  rootContainer: {\n    backgroundColor: theme.palette.background.paper,\n    padding: '10px',\n    width: '100%',\n    boxSizing: 'border-box',\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'space-evenly',\n    gap: '10px',\n    [theme.breakpoints.down('sm')]: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between'\n    }\n  },\n  title: {\n    textAlign: 'center',\n    fontWeight: 500,\n    letterSpacing: '0.15px',\n    [theme.breakpoints.down('sm')]: {\n      textAlign: 'left'\n    }\n  },\n  description: {\n    fontSize: '1.5rem',\n    fontWeight: 300,\n    letterSpacing: '0.15px',\n    [theme.breakpoints.down('sm')]: {\n      fontSize: '1rem',\n      textAlign: 'left'\n    }\n  },\n  descriptionColor: {\n    color: (props) => props.textColor || theme.palette.text.primary\n  }\n}));\n\nconst Title = styled(Typography)(({ theme }) => ({\n  textAlign: 'center',\n  fontWeight: 500,\n  letterSpacing: '0.15px',\n  [theme.breakpoints.down('sm')]: {\n    textAlign: 'left'\n  }\n}));\n\nconst Description = styled(Typography)(({ theme, color }) => ({\n  fontSize: '1.5rem',\n  fontWeight: 300,\n  letterSpacing: '0.15px',\n  color: color || theme.palette.text.primary,\n  [theme.breakpoints.down('sm')]: {\n    fontSize: '1rem',\n    textAlign: 'left'\n  }\n}));\n\nexport const FluentCardText = (props) => {\n  const classes = useStyles(props);\n  const {\n    title,\n    description,\n    sx,\n    titleStyle,\n    descriptionStyle,\n    titleVariant = 'body2',\n    loading = false,\n    errorMessage = ''\n  } = props;\n\n  return (\n    <Box className={classes.rootContainer} style={sx}>\n      <Title variant={titleVariant} align='center' style={titleStyle}>\n        {title}\n      </Title>\n      {loading ? (\n        <Box\n          style={{\n            width: '100%',\n            height: '100%',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center'\n          }}\n        >\n          <Typography\n            align='center'\n            className={classes.title}\n            style={titleStyle}\n          >\n            Loading...\n          </Typography>\n        </Box>\n      ) : errorMessage ? (\n        <Description\n          variant='body2'\n          align='center'\n          style={descriptionStyle}\n          color='error'\n        >\n          {errorMessage}\n        </Description>\n      ) : (\n        <Description variant='body2' align='center' style={descriptionStyle}>\n          {description}\n        </Description>\n      )}\n    </Box>\n  );\n};\n"],"mappings":"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"}