{"version":3,"file":"BioCard.mjs","names":["React","useState","useEffect","makeStyles","CardContent","Typography","Avatar","Chip","Divider","lighten","FluentCard","CopyIcon","CheckMarkIcon","clsx","useStyles","theme","root","width","height","large","spacing","border","palette","primary","main","info","display","marginTop","header","addressContainer","maxWidth","alignContent","marginLeft","marginBottom","lastName","name","flex","chip","background","success","light","BioCard","t0","$","_c","children","avatar","alt","firstName","address","copy","className","classes","t1","Symbol","for","value","copied","state","setState","t2","t3","t4","t5","t6","overline","t7","t8","t9","t10","t11","t12","avatarWrapper","t13","t14","t15","t16","t17","t18"],"sources":["../../../../src/UI/surfaces/cards/BioCard.jsx"],"sourcesContent":["import React, { useState, useEffect } from 'react'\nimport {\n  makeStyles,\n  CardContent,\n  Typography,\n  Avatar,\n  Chip,\n  Divider,\n  lighten\n} from '@material-ui/core'\nimport { FluentCard } from './fluentCards/FluentCard'\nimport { CopyIcon, CheckMarkIcon } from '@fluentui/react-icons'\nimport clsx from 'clsx'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    width: '100%',\n    height: '100%'\n  },\n  large: {\n    width: theme.spacing(12),\n    height: theme.spacing(12),\n    border: `3px solid ${theme.palette.primary.main}`\n  },\n  info: {\n    display: 'flex',\n    marginTop: theme.spacing(3)\n  },\n  header: {\n    display: 'flex'\n  },\n  addressContainer: {\n    maxWidth: theme.spacing(16),\n    alignContent: 'center',\n    marginLeft: theme.spacing(3),\n    marginBottom: theme.spacing(3)\n  },\n  lastName: {\n    marginTop: theme.spacing(-1)\n  },\n  name: {\n    flex: 1\n  },\n  chip: {\n    background: lighten(theme.palette.success.light, 0.7)\n  }\n}))\n\nexport const BioCard = ({\n  children,\n  avatar,\n  alt,\n  firstName,\n  lastName,\n  address,\n  copy,\n  className\n}) => {\n  const classes = useStyles()\n\n  const [state, setState] = useState({\n    value: '',\n    copied: false\n  })\n\n  useEffect(() => {\n    setState({ value: copy })\n  }, [copy])\n\n  return (\n    <FluentCard className={clsx(classes.root, className)}>\n      <CardContent>\n        <div className={classes.header}>\n          <div className={classes.name}>\n            <Typography variant='h4'>{firstName} </Typography>\n            <div className={classes.lastName}>\n              <Typography className={classes.overline} variant='overline'>\n                {lastName}\n              </Typography>\n            </div>\n          </div>\n          {/* {copy && !state.copied && (\n            <div>\n              <CopyToClipboard\n                text={state.value}\n                onCopy={() => setState({ ...state, copied: true })}\n              >\n                <FluentIconButton color='primary' icon={CopyIcon} />\n              </CopyToClipboard>\n            </div>\n          )} */}\n          {state.copied && (\n            <div>\n              <Chip\n                label='Copied'\n                avatar={<CheckMarkIcon />}\n                variant='outlined'\n                className={classes.chip}\n                size='small'\n              />\n            </div>\n          )}\n        </div>\n\n        <div className={classes.info}>\n          <div className={classes.avatarWrapper}>\n            <Avatar className={classes.large} alt={alt} src={avatar} />\n          </div>\n          <div className={classes.addressContainer}>{address}</div>\n        </div>\n      </CardContent>\n      {children && <Divider />}\n      <CardContent>{children}</CardContent>\n    </FluentCard>\n  )\n}\n"],"mappings":"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"}