{"version":3,"file":"FluentTimeline.mjs","names":["React","makeStyles","Typography","NumberVisualization","useStyles","theme","root","display","flexDirection","marginTop","spacing","marginLeft","overflow","dot","width","height","backgroundColor","borderRadius","shape","timeLabels","color","indicator","justifyContent","marginRight","textAlign","alignItems","TimeDot","props","$","_c","classes","t0","t1","t2","t3","Visualization","value","label","categoriesToDisplay","categories","map","item","FluentTimeline"],"sources":["../../../../../src/UI/widgets/FluentComponents/molecules/FluentTimeline.jsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core'\nimport NumberVisualization from '../../utils/NumberVisualization'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    marginTop: theme.spacing(3),\n    marginLeft: theme.spacing(2),\n    overflow: 'auto'\n  },\n  dot: {\n    width: 10,\n    height: 10,\n    backgroundColor: 'white',\n    borderRadius: theme.shape.borderRadius + 25,\n    marginTop: theme.spacing(1)\n  },\n  timeLabels: {\n    color: 'white'\n  },\n  indicator: {\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'flex-end',\n    marginRight: theme.spacing(2),\n    textAlign: 'center',\n    alignItems: 'center'\n  }\n}))\n\nconst TimeDot = (props) => {\n  const classes = useStyles()\n  const { dot } = props\n  return (\n    <div className={classes.indicator}>\n      <div className={classes.dot} />\n      <div className={classes.timeLabels}>\n        <Typography variant='overline'>{dot}</Typography>\n      </div>\n    </div>\n  )\n}\n\nconst Visualization = (props) => {\n  const classes = useStyles()\n  const { value, label } = props\n  return (\n    <div className={classes.indicator}>\n      <div>\n        <NumberVisualization number={value} />\n      </div>\n      <div>\n        <TimeDot dot={label} />\n      </div>\n    </div>\n  )\n}\n\nconst categoriesToDisplay = (categories) =>\n  categories.map((item) => {\n    return (\n      <Visualization key={item.label} value={item.value} label={item.label} />\n    )\n  })\n\nconst FluentTimeline = (props) => {\n  const classes = useStyles()\n  const { categories } = props\n\n  return <div className={classes.root}>{categoriesToDisplay(categories)}</div>\n}\nexport default FluentTimeline\n"],"mappings":"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"}