{"version":3,"file":"FluentStatNumber.mjs","names":["React","Avatar","makeStyles","Typography","FluentDisplayNumber","MarketIcon","MarketDownIcon","FluentIcon","useStyles","theme","root","display","flexDirection","caption","textAlign","captionSmall","trend","marginTop","spacing","marginLeft","upIcon","color","downIcon","avatar","backgroundColor","next","FluentStatNumber","props","$","_c","classes","small","label","number","t0","t1","Math","abs","t2","t3","t4","t5","t6","t7","t8","t9"],"sources":["../../../../../src/UI/widgets/FluentComponents/molecules/FluentStatNumber.jsx"],"sourcesContent":["import React from 'react'\nimport { Avatar, makeStyles, Typography } from '@material-ui/core'\nimport FluentDisplayNumber from '../atoms/FluentDisplayNumbers'\nimport { MarketIcon, MarketDownIcon } from '@fluentui/react-icons'\nimport { FluentIcon } from '../../../../utilities/iconLibrary/FluentIcon'\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    root: {\n      display: 'flex',\n      flexDirection: 'row'\n    },\n    caption: {\n      textAlign: 'left'\n    },\n    captionSmall: {\n      textAlign: 'center'\n    },\n    trend: {\n      marginTop: theme.spacing(2),\n      marginLeft: theme.spacing(1)\n    },\n    upIcon: {\n      color: 'green'\n    },\n    downIcon: {\n      color: '#D50000'\n    },\n    avatar: {\n      backgroundColor: 'white'\n    }\n  }),\n  { next: 'FluentStatNumber' }\n)\n\nconst FluentStatNumber = (props) => {\n  const classes = useStyles()\n  const { small, trend, label, number } = props\n  return (\n    <div className={classes.root}>\n      <div>\n        <div>\n          <FluentDisplayNumber small={small} number={Math.abs(number)} />\n        </div>\n        <div className={!small ? classes.caption : classes.captionSmall}>\n          <Typography variant='overline'>{label}</Typography>\n        </div>\n      </div>\n\n      <div className={classes.trend}>\n        {small && (\n          <Avatar className={classes.avatar}>\n            {trend === 'down' ? (\n              <FluentIcon\n                component={MarketDownIcon}\n                className={classes.downIcon}\n              />\n            ) : (\n              <FluentIcon component={MarketIcon} className={classes.upIcon} />\n            )}\n          </Avatar>\n        )}\n      </div>\n    </div>\n  )\n}\nexport default FluentStatNumber\n"],"mappings":"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"}