{"version":3,"file":"FluentTrendArrow.mjs","names":["React","makeStyles","colors","DownArrow","UpArrow","useStyles","theme","root","color","red","fontSize","green","FluentTrendArrow","props","$","_c","type","classes","trend","bb0","t0"],"sources":["../../../../../src/UI/widgets/FluentComponents/atoms/FluentTrendArrow.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles, colors } from '@material-ui/core';\nimport DownArrow from '@material-ui/icons/esm/ArrowDownward';\nimport UpArrow from '@material-ui/icons/esm/ArrowUpward';\n\nconst useStyles = makeStyles(theme => ({\n  root: {},\n  DownArrow: {\n    color: colors.red[500],\n    fontSize: 16,\n  },\n  UpArrow: {\n    color: colors.green[500],\n    fontSize: 16,\n  },\n}));\n\nconst FluentTrendArrow = props => {\n  const { type } = props;\n  const classes = useStyles();\n\n  let trend = '';\n\n  switch (type) {\n    case 'up':\n      trend = <UpArrow className={classes.UpArrow} />;\n      break;\n    case 'down':\n      trend = <DownArrow className={classes.DownArrow} />;\n      break;\n    default:\n  }\n\n  return trend;\n};\nexport default FluentTrendArrow;\n"],"mappings":";;;;;;AAKA,MAAMK,YAAYJ,YAAWK,WAAU;CACrCC,MAAM,EAAE;CACRJ,WAAW;EACTK,OAAON,OAAOO,IAAI;EAClBC,UAAU;EACX;CACDN,SAAS;EACPI,OAAON,OAAOS,MAAM;EACpBD,UAAU;EACZ;CACD,EAAE;AAEH,MAAME,oBAAmBC,UAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACvB,MAAA,EAAAC,SAAiBH;CACjB,MAAAI,UAAgBZ,WAAW;CAE3B,IAAAa,QAAY;AAAGC,KAEf,SAAQH,MAAR;EAAY,KACL,MAAI;GAAA,IAAAI;AAAA,OAAAN,EAAA,OAAAG,QAAAb,SAAA;AACCgB,SAAA,sBAAA,cAAC,SAAD,EAAoB,WAAAH,QAAOb,SAAY,CAAA;AAAAU,MAAA,KAAAG,QAAAb;AAAAU,MAAA,KAAAM;SAAAA,MAAAN,EAAA;AAA/CI,WAAQA;AACR,SAAAC;;EAAM,KACH,QAAM;GAAA,IAAAC;AAAA,OAAAN,EAAA,OAAAG,QAAAd,WAAA;AACDiB,SAAA,sBAAA,cAAC,WAAD,EAAsB,WAAAH,QAAOd,WAAc,CAAA;AAAAW,MAAA,KAAAG,QAAAd;AAAAW,MAAA,KAAAM;SAAAA,MAAAN,EAAA;AAAnDI,WAAQA;AACR,SAAAC;;EAAM;;AAET,QAEMD"}