{"version":3,"file":"FluentTabUtility.mjs","names":["React","useState","makeStyles","FluentSimpleTabs","FluentSimpleTab","FluentTabPanel","clsx","a11yProps","index","id","useStyles","theme","root","flexGrow","backgroundColor","palette","background","paper","FluentTabUtility","props","otherProps","classes","TabList","block","className","variant","color","FluentSimpleTabsProps","value","setValue","handleChange","event","newValue","map","item","label","icon","badgeContent","child"],"sources":["../../../../../src/UI/navigation/tabs/defaultTabs/FluentTabUtility.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { FluentSimpleTabs } from '../defaultTabs/FluentSimpleTabs';\nimport { FluentSimpleTab } from '../defaultTabs/FluentSimpleTab';\nimport { FluentTabPanel } from '../defaultTabs/FluentTabPanel';\nimport clsx from 'clsx';\n\nfunction a11yProps(index) {\n  return {\n    id: `simple-tab-${index}`,\n    'aria-controls': `simple-tabpanel-${index}`\n  };\n}\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    flexGrow: 1,\n    backgroundColor: theme.palette.background.paper\n  }\n}));\n\nexport const FluentTabUtility = (props, ...otherProps) => {\n  const classes = useStyles();\n  const { TabList, block, className, variant, color, FluentSimpleTabsProps } =\n    props;\n\n  const [value, setValue] = useState(0);\n\n  const handleChange = (event, newValue) => {\n    setValue(newValue);\n  };\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      <FluentSimpleTabs\n        value={value}\n        block={block}\n        onChange={handleChange}\n        {...FluentSimpleTabsProps}\n        {...otherProps}\n      >\n        {TabList.map((item, index) => {\n          return (\n            <FluentSimpleTab\n              {...otherProps}\n              key={index}\n              label={item.label}\n              icon={item.icon}\n              block={block}\n              badgeContent={item.badgeContent}\n              variant={variant}\n              color={color}\n              {...a11yProps(index)}\n            />\n          );\n        })}\n      </FluentSimpleTabs>\n\n      {TabList.map((item, index) => {\n        return (\n          <FluentTabPanel block={block} value={value} index={index} key={index}>\n            {item.child}\n          </FluentTabPanel>\n        );\n      })}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AAOA,SAASO,UAAUC,OAAO;AACxB,QAAO;EACLC,IAAI,cAAcD;EAClB,iBAAiB,mBAAmBA;EACrC;;AAGH,MAAME,YAAYR,YAAYS,WAAW,EACvCC,MAAM;CACJC,UAAU;CACVC,iBAAiBH,MAAMI,QAAQC,WAAWC;CAC5C,EACD,EAAE;AAEH,MAAaC,oBAAoBC,OAAO,GAAGC,eAAe;CACxD,MAAMC,UAAUX,WAAW;CAC3B,MAAM,EAAEY,SAASC,OAAOC,WAAWC,SAASC,OAAOC,0BACjDR;CAEF,MAAM,CAACS,OAAOC,YAAY5B,SAAS,EAAE;CAErC,MAAM6B,gBAAgBC,OAAOC,aAAa;AACxCH,WAASG,SAAS;;AAGpB,QACE,sBAAA,cAAC,OAAD,EAAK,WAAW1B,KAAKe,QAAQT,MAAMY,UAAU,EAgCvC,EA/BJ,sBAAA,cAAC,kBAAD;EACSI;EACAL;EACP,UAAUO;EACV,GAAIH;EACJ,GAAIP;EAiBY,EAffE,QAAQW,KAAKC,MAAM1B,UAAU;AAC5B,SACE,sBAAA,cAAC,iBAAD;GACE,GAAIY;GACJ,KAAKZ;GACL,OAAO0B,KAAKC;GACZ,MAAMD,KAAKE;GACJb;GACP,cAAcW,KAAKG;GACVZ;GACFC;GACP,GAAInB,UAAUC,MAAM;GACpB,CAAA;GAEJ,CACc,EAEjBc,QAAQW,KAAKC,MAAM1B,UAAU;AAC5B,SACE,sBAAA,cAAC,gBAAD;GAAuBe;GAAcK;GAAcpB;GAAO,KAAKA;GAE9C,EADd0B,KAAKI,MACS;GAEnB,CACE"}