{"version":3,"file":"NotificationElement.mjs","names":["React","makeStyles","Typography","PropTypes","useStyles","theme","root","width","height","borderTop","borderRight","palette","error","main","borderBottom","number","marginLeft","spacing","paddingTop","color","common","white","NotificationElement","t0","$","_c","alertNumber","classes","t1","t2","t3","propTypes","isRequired"],"sources":["../../../../src/UI/dataDisplay/ticketCard/NotificationElement.jsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core'\nimport PropTypes from 'prop-types'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    width: 0,\n    height: 0,\n    borderTop: '0px solid transparent',\n    borderRight: `45px solid ${theme?.palette?.error?.main}`,\n    borderBottom: '45px solid transparent'\n  },\n  number: {\n    marginLeft: theme.spacing(3.5),\n    paddingTop: theme.spacing(0.5),\n    color: theme?.palette?.common?.white\n  }\n}))\n\nexport const NotificationElement = ({ alertNumber }) => {\n  const classes = useStyles()\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.number}>\n        <Typography> {alertNumber} </Typography>\n      </div>\n    </div>\n  )\n}\nNotificationElement.propTypes = {\n  /**\n   * number of alert items\n   */\n  alertNumber: PropTypes.number.isRequired\n}\n"],"mappings":";;;;;AAIA,MAAMI,YAAYH,YAAYI,WAAW;CACvCC,MAAM;EACJC,OAAO;EACPC,QAAQ;EACRC,WAAW;EACXC,aAAa,cAAcL,OAAOM,SAASC,OAAOC;EAClDC,cAAc;EACf;CACDC,QAAQ;EACNC,YAAYX,MAAMY,QAAQ,IAAI;EAC9BC,YAAYb,MAAMY,QAAQ,GAAI;EAC9BE,OAAOd,OAAOM,SAASS,QAAQC;EACjC;CACD,EAAE;AAEH,MAAaC,uBAAsBC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAC,MAAA,EAAAC,gBAAAH;CAClC,MAAAI,UAAgBvB,WAAW;CAAA,IAAAwB;AAAA,KAAAJ,EAAA,OAAAE,aAAA;AAKrBE,OAAA,sBAAA,cAAC,YAAA,MAAW,KAAEF,aAAY,IAAc;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;CAAA,IAAAK;AAAA,KAAAL,EAAA,OAAAG,QAAAZ,UAAAS,EAAA,OAAAI,IAAA;AAD1CC,OAAA,sBAAA,cAAA,OAAA,EAAgB,WAAAF,QAAOZ,QAEjB,EADJa,GACI;AAAAJ,IAAA,KAAAG,QAAAZ;AAAAS,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAAA,IAAAM;AAAA,KAAAN,EAAA,OAAAG,QAAArB,QAAAkB,EAAA,OAAAK,IAAA;AAHRC,OAAA,sBAAA,cAAA,OAAA,EAAgB,WAAAH,QAAOrB,MAIjB,EAHJuB,GAGI;AAAAL,IAAA,KAAAG,QAAArB;AAAAkB,IAAA,KAAAK;AAAAL,IAAA,KAAAM;OAAAA,MAAAN,EAAA;AAAA,QAJNM;;AAOJR,oBAAoBS,YAAY,EAI9BL,aAAavB,UAAUY,OAAOiB,YAC/B"}