{"version":3,"file":"CircleButton.mjs","names":["React","makeStyles","ButtonBase","Paper","PropTypes","useStyles","theme","root","padding","paddingLeft","paddingRight","borderRadius","background","palette","common","white","minWidth","minHeight","CircleButton","props","$","_c","children","otherProps","classes","t0","t1","propTypes","node"],"sources":["../../../../src/componentSystems/multiThreadTimeline/ui/CircleButton.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles, ButtonBase, Paper } from '@material-ui/core';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    padding: 12,\n    paddingLeft: 13,\n    paddingRight: 11,\n    borderRadius: 50,\n    background: theme.palette.common.white,\n    minWidth: 32,\n    minHeight: 32\n  }\n}));\n\nexport const CircleButton = (props) => {\n  const { children, ...otherProps } = props;\n  const classes = useStyles(props);\n\n  return (\n    <ButtonBase {...otherProps}>\n      <Paper className={classes.root} elevation={1}>\n        {children}\n      </Paper>\n    </ButtonBase>\n  );\n};\nCircleButton.propTypes = {\n  children: PropTypes.node\n};\n"],"mappings":";;;;;AAIA,MAAMK,YAAYJ,YAAYK,WAAW,EACvCC,MAAM;CACJC,SAAS;CACTC,aAAa;CACbC,cAAc;CACdC,cAAc;CACdC,YAAYN,MAAMO,QAAQC,OAAOC;CACjCC,UAAU;CACVC,WAAW;CACb,EACD,EAAE;AAEH,MAAaC,gBAAeC,UAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAC;AAAA,KAAAH,EAAA,OAAAD,OAAA;AAC1B,GAAA,CAAAG,aAAAC,cAAoCJ;AAAMC,IAAA,KAAAD;AAAAC,IAAA,KAAAE;AAAAF,IAAA,KAAAG;QAAA;AAAAD,aAAAF,EAAA;AAAAG,eAAAH,EAAA;;CAC1C,MAAAI,UAAgBnB,UAAUc,MAAM;CAAC,IAAAM;AAAA,KAAAL,EAAA,OAAAE,YAAAF,EAAA,OAAAI,QAAAjB,MAAA;AAI7BkB,OAAA,sBAAA,cAAC,OAAD;GAAkB,WAAAD,QAAOjB;GAAkB,WAAA;GAEnC,EADLe,SACK;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAI,QAAAjB;AAAAa,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAAA,IAAAM;AAAA,KAAAN,EAAA,OAAAG,cAAAH,EAAA,OAAAK,IAAA;AAHVC,OAAA,sBAAA,cAAC,YAAeH,YACdE,GAGW;AAAAL,IAAA,KAAAG;AAAAH,IAAA,KAAAK;AAAAL,IAAA,KAAAM;OAAAA,MAAAN,EAAA;AAAA,QAJbM;;AAOJR,aAAaS,YAAY,EACvBL,UAAUlB,UAAUwB,MACrB"}