{"version":3,"file":"Note.mjs","names":["React","makeStyles","Paper","CardContent","Typography","AvatarAlphabet","FluentIconButton","DeleteIcon","TrimForAvatar","TimeAgo","clsx","useStyles","theme","root","width","display","avatar","marginRight","spacing","message","noteWrapper","note","flex","date","marginTop","Note","t0","$","_c","children","author","className","onClick","classes","t1","t2","t3","t4","t5","t6","t7","t8","t9","t10","t11","t12","t13"],"sources":["../../../../src/UI/dataDisplay/notes/Note.jsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles, Paper, CardContent, Typography } from '@material-ui/core'\nimport { AvatarAlphabet } from '../AvatarAlphabet'\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton'\nimport { DeleteIcon } from '@fluentui/react-icons'\nimport { TrimForAvatar } from '../../../utilities/TrimForAvatar'\nimport TimeAgo from 'timeago-react'\nimport clsx from 'clsx'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    width: '100%',\n    display: 'flex'\n  },\n  avatar: {\n    marginRight: theme.spacing(2)\n  },\n  message: {\n    width: '100%'\n  },\n  noteWrapper: {\n    display: 'flex'\n  },\n  note: {\n    flex: 1\n  },\n  date: {\n    marginTop: theme.spacing(2)\n  }\n}))\n\nexport const Note = ({ children, author, date, className, onClick }) => {\n  const classes = useStyles()\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      <div className={classes.avatar}>\n        <AvatarAlphabet avatarCharacter={TrimForAvatar(author)} />\n      </div>\n\n      <Paper elevation={0} className={classes.message}>\n        <CardContent>\n          <div className={classes.noteWrapper}>\n            <Typography variant='body2' className={classes.note}>\n              {children}\n            </Typography>\n            <div>\n              <FluentIconButton\n                color='primary'\n                icon={DeleteIcon}\n                onClick={onClick}\n              />\n            </div>\n          </div>\n          <div className={classes.date}>\n            <Typography variant='caption'>\n              <TimeAgo datetime={date} />\n            </Typography>\n          </div>\n        </CardContent>\n      </Paper>\n    </div>\n  )\n}\n"],"mappings":"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"}