{"version":3,"file":"ExpandRenderer.mjs","names":["React","IconButton","makeStyles","Tooltip","FluentIcon","ChevronRightIcon","useStyles","theme","icon","margin","spacing","ExpandRenderer","t0","$","_c","openNestedGrid","title","classes","t1","t2","t3","t4"],"sources":["../../../../../src/UI/surfaces/NestedGrid/ui/ExpandRenderer.jsx"],"sourcesContent":["import React from 'react'\nimport { IconButton, makeStyles, Tooltip } from '@material-ui/core'\nimport { FluentIcon } from '../../../../utilities/iconLibrary/FluentIcon'\nimport { ChevronRightIcon } from '@fluentui/react-icons'\n\nconst useStyles = makeStyles((theme) => ({\n  icon: {\n    margin: theme.spacing(0.5)\n  }\n}))\n\nexport const ExpandRenderer = ({ openNestedGrid, title, icon }) => {\n  const classes = useStyles()\n\n  return (\n    <Tooltip title={title}>\n      <IconButton\n        aria-label={title}\n        className={classes.icon}\n        size='small'\n        onClick={openNestedGrid}\n      >\n        <FluentIcon component={icon ? icon : ChevronRightIcon} />\n      </IconButton>\n    </Tooltip>\n  )\n}\n"],"mappings":";;;;;;AAKA,MAAMM,YAAYJ,YAAYK,WAAW,EACvCC,MAAM,EACJC,QAAQF,MAAMG,QAAQ,GAAG,EAC3B,EACD,EAAE;AAEH,MAAaC,kBAAiBC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAC,MAAA,EAAAC,gBAAAC,OAAAR,SAAAI;CAC7B,MAAAK,UAAgBX,WAAW;CAUE,MAAAY,KAAAV,OAAAA,OAAAH;CAA8B,IAAAc;AAAA,KAAAN,EAAA,OAAAK,IAAA;AAArDC,OAAA,sBAAA,cAAC,YAAD,EAAuB,WAAAD,IAAkC,CAAA;AAAAL,IAAA,KAAAK;AAAAL,IAAA,KAAAM;OAAAA,MAAAN,EAAA;CAAA,IAAAO;AAAA,KAAAP,EAAA,OAAAI,QAAAT,QAAAK,EAAA,OAAAE,kBAAAF,EAAA,OAAAM,MAAAN,EAAA,OAAAG,OAAA;AAN3DI,OAAA,sBAAA,cAAC,YAAD;GACcJ,cAAAA;GACD,WAAAC,QAAOT;GACb,MAAA;GACIO,SAAAA;GAGE,EADXI,GACW;AAAAN,IAAA,KAAAI,QAAAT;AAAAK,IAAA,KAAAE;AAAAF,IAAA,KAAAM;AAAAN,IAAA,KAAAG;AAAAH,IAAA,KAAAO;OAAAA,MAAAP,EAAA;CAAA,IAAAQ;AAAA,KAAAR,EAAA,OAAAO,MAAAP,EAAA,OAAAG,OAAA;AARfK,OAAA,sBAAA,cAAC,SAAD,EAAgBL,OASN,EARRI,GAQQ;AAAAP,IAAA,KAAAO;AAAAP,IAAA,KAAAG;AAAAH,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;AAAA,QATVQ"}