{"version":3,"file":"IconKey.mjs","names":["React","makeStyles","Typography","PropTypes","useStyles","theme","root","keyRoot","display","justifyContent","marginRight","spacing","label","marginTop","marginLeft","IconKey","t0","$","_c","icon","classes","t1","t2","propTypes","string","isRequired"],"sources":["../../../../src/UI/dataDisplay/map/IconKey.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  keyRoot: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    marginRight: theme.spacing(5)\n  },\n  label: {\n    marginTop: 1,\n    marginLeft: theme.spacing(1)\n  }\n}))\n\nexport const IconKey = ({ label, icon }) => {\n  const classes = useStyles()\n  return (\n    <div className={classes.keyRoot}>\n      {icon}\n      <Typography className={classes.label} variant='caption'>\n        {label}\n      </Typography>\n    </div>\n  )\n}\n\nIconKey.propTypes = {\n  /**\n   * Key label\n   */\n  label: PropTypes.string.isRequired,\n  /**\n   * Icon for the key item\n   */\n  icon: PropTypes.string.isRequired\n}\n"],"mappings":";;;;;AAIA,MAAMI,YAAYH,YAAYI,WAAW;CACvCC,MAAM,EAAE;CACRC,SAAS;EACPC,SAAS;EACTC,gBAAgB;EAChBC,aAAaL,MAAMM,QAAQ,EAAC;EAC7B;CACDC,OAAO;EACLC,WAAW;EACXC,YAAYT,MAAMM,QAAQ,EAAC;EAC7B;CACD,EAAE;AAEH,MAAaI,WAAUC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAC,MAAA,EAAAN,OAAAO,SAAAH;CACtB,MAAAI,UAAgBhB,WAAW;CAAA,IAAAiB;AAAA,KAAAJ,EAAA,OAAAG,QAAAR,SAAAK,EAAA,OAAAL,OAAA;AAIvBS,OAAA,sBAAA,cAAC,YAAD;GAAuB,WAAAD,QAAOR;GAAgB,SAAA;GAEjC,EADVA,MACU;AAAAK,IAAA,KAAAG,QAAAR;AAAAK,IAAA,KAAAL;AAAAK,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;CAAA,IAAAK;AAAA,KAAAL,EAAA,OAAAG,QAAAb,WAAAU,EAAA,OAAAE,QAAAF,EAAA,OAAAI,IAAA;AAJfC,OAAA,sBAAA,cAAA,OAAA,EAAgB,WAAAF,QAAOb,SAKjB,EAJHY,MACDE,GAGI;AAAAJ,IAAA,KAAAG,QAAAb;AAAAU,IAAA,KAAAE;AAAAF,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;OAAAA,MAAAL,EAAA;AAAA,QALNK;;AASJP,QAAQQ,YAAY;CAIlBX,OAAOT,UAAUqB,OAAOC;CAIxBN,MAAMhB,UAAUqB,OAAOC;CACxB"}