{"version":3,"file":"EntityHeaderStatListItem.mjs","names":["React","clsx","alpha","Avatar","makeStyles","Typography","useStyles","theme","root","display","flexDirection","alignItems","rootFlexGrow","flexGrow","rootBlock","props","justifyContent","padding","spacing","rootBlockDefault","backgroundColor","palette","type","common","black","white","rootBlockError","error","main","rootBlockSuccess","success","labelRoot","color","opacity","rootLabelError","rootLabelSuccess","valueRoot","fontWeight","typography","fontWeightMedium","beforeValue","marginRight","afterValue","icon","iconAvatar","content","EntityHeaderStatListItem","$","_c","label","t0","value","t1","t2","labelColor","undefined","classes","t3","t4","t5","t6","t7","t8"],"sources":["../../../../../src/UI/dataDisplay/entityHeader/ui/EntityHeaderStatListItem.jsx"],"sourcesContent":["import React from 'react';\nimport clsx from 'clsx';\nimport { alpha, Avatar, makeStyles, Typography } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    // padding: theme.spacing(1),\n  },\n  rootFlexGrow: {\n    flexGrow: 1,\n  },\n  rootBlock: props => ({\n    justifyContent: 'center',\n    padding: theme.spacing(1),\n  }),\n  rootBlockDefault: props => ({\n    backgroundColor: alpha(\n      theme.palette.type === 'dark'\n        ? theme.palette.common.black\n        : theme.palette.common.white,\n      0.25\n    ),\n  }),\n  rootBlockError: props => ({\n    backgroundColor: alpha(\n      theme.palette.error.main,\n      theme.palette.type === 'dark' ? 0.7 : 0.1\n    ),\n  }),\n  rootBlockSuccess: props => ({\n    backgroundColor: alpha(\n      theme.palette.success.main,\n      theme.palette.type === 'dark' ? 0.2 : 0.3\n    ),\n  }),\n  labelRoot: {\n    color: 'inherit',\n    opacity: 0.6,\n  },\n  rootLabelError: (props) => ({\n    color: theme.palette.error.main\n  }),\n  rootLabelSuccess: (props) => ({\n    color: theme.palette.success.main\n  }),\n  valueRoot: {\n    color: 'inherit',\n    fontWeight: theme.typography.fontWeightMedium,\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  beforeValue: {\n    marginRight: theme.spacing(0.3),\n  },\n  afterValue: {},\n  icon: {\n    marginRight: theme.spacing(1),\n  },\n  iconAvatar: {\n    backgroundColor: 'transparent',\n  },\n  content: props => ({\n    display: 'flex',\n    flexDirection: 'column',\n    // alignItems: 'center',\n    alignItems: props.icon ? 'left' : 'center',\n  }),\n}));\n\nexport const EntityHeaderStatListItem = props => {\n  const {\n    label = 'Label',\n    value = 'Value',\n    beforeValue,\n    afterValue,\n    flexGrow = false,\n    labelColor,\n    icon,\n  } = props;\n\n  const classes = useStyles(props);\n\n  return (\n    <div\n      className={clsx({\n        [classes.root]: true,\n        [classes.rootFlexGrow]: flexGrow,\n        [classes.rootBlock]: true,\n        // [classes.rootBlockDefault]: !labelColor,\n        // [classes.rootBlockError]: labelColor === 'error',\n        // [classes.rootBlockSuccess]: labelColor === 'success',\n      })}\n    >\n      {icon && (\n        <div className={classes.icon}>\n          <Avatar className={classes.iconAvatar}>{icon}</Avatar>\n        </div>\n      )}\n      <div className={classes.content}>\n        {!!value && (\n          <div\n            className={clsx({\n              [classes.valueRoot]: true,\n            })}\n          >\n            {beforeValue && (\n              <Typography variant={'body1'} className={classes.beforeValue}>\n                {beforeValue}\n              </Typography>\n            )}\n            <Typography\n              variant={'h5'}\n              className={clsx({\n                [classes.rootLabelError]: labelColor === 'error',\n                [classes.rootLabelSuccess]: labelColor === 'success'\n              })}\n            >\n              {value}\n            </Typography>\n            {afterValue && (\n              <Typography variant={'body1'} className={classes.afterValue}>\n                {afterValue}\n              </Typography>\n            )}\n          </div>\n        )}\n        {!!label && (\n          <Typography\n            variant={'subtitle3'}\n            className={classes.labelRoot}\n            component=\"div\"\n          >\n            {label}\n          </Typography>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}