{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nimport { Fragment as _Fragment } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/home/gkkdzdg/www/src/slices/TabsSlice/TabsSlice.js\";\nimport Tabs from 'components/tabs/Tabs';\nimport { useEffect, useState } from 'react';\n\nconst TabsSlice = ({\n  tabs,\n  defaultTab\n}) => {\n  const {\n    0: currentTabKey,\n    1: setCurrentTabKey\n  } = useState('both');\n\n  const onSwitchTab = tabKey => setCurrentTabKey(tabKey);\n\n  useEffect(() => {\n    if (currentTabKey == 'init') {\n      setCurrentTabKey(defaultTab || 'list');\n    }\n  }, [currentTabKey]);\n  return /*#__PURE__*/_jsxDEV(_Fragment, {\n    children: [/*#__PURE__*/_jsxDEV(Tabs, {\n      items: tabs,\n      onChange: onSwitchTab\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 19,\n      columnNumber: 10\n    }, this), tabs.map(tab => currentTabKey == 'init' || currentTabKey == tab.key ? tab.render(tab.key) : null)]\n  }, void 0, true);\n};\n\nexport default TabsSlice;","map":{"version":3,"sources":["/home/gkkdzdg/www/src/slices/TabsSlice/TabsSlice.js"],"names":["Tabs","useEffect","useState","TabsSlice","tabs","defaultTab","currentTabKey","setCurrentTabKey","onSwitchTab","tabKey","map","tab","key","render"],"mappings":";;;AACA,OAAOA,IAAP,MAAiB,sBAAjB;AACA,SAASC,SAAT,EAAoBC,QAApB,QAAoC,OAApC;;AAEA,MAAMC,SAAS,GAAG,CAAC;AAAEC,EAAAA,IAAF;AAAQC,EAAAA;AAAR,CAAD,KAA2B;AAC1C,QAAM;AAAA,OAACC,aAAD;AAAA,OAAgBC;AAAhB,MAAoCL,QAAQ,CAAC,MAAD,CAAlD;;AAEA,QAAMM,WAAW,GAAGC,MAAM,IAAIF,gBAAgB,CAACE,MAAD,CAA9C;;AAEAR,EAAAA,SAAS,CAAC,MAAM;AACb,QAAIK,aAAa,IAAI,MAArB,EAA6B;AAC1BC,MAAAA,gBAAgB,CAACF,UAAU,IAAI,MAAf,CAAhB;AACF;AACH,GAJQ,EAIN,CAACC,aAAD,CAJM,CAAT;AAMA,sBACG;AAAA,4BAEG,QAAC,IAAD;AAAM,MAAA,KAAK,EAAEF,IAAb;AACG,MAAA,QAAQ,EAAEI;AADb;AAAA;AAAA;AAAA;AAAA,YAFH,EAOMJ,IAAI,CAACM,GAAL,CAASC,GAAG,IACRL,aAAa,IAAI,MAAjB,IAA2BA,aAAa,IAAIK,GAAG,CAACC,GAAjD,GACKD,GAAG,CAACE,MAAJ,CAAWF,GAAG,CAACC,GAAf,CADL,GAEK,IAHR,CAPN;AAAA,kBADH;AAgBF,CA3BD;;AA8BA,eAAeT,SAAf","sourcesContent":["\nimport Tabs from 'components/tabs/Tabs'\nimport { useEffect, useState } from 'react'\n\nconst TabsSlice = ({ tabs, defaultTab, }) => {\n   const [currentTabKey, setCurrentTabKey] = useState('both')\n\n   const onSwitchTab = tabKey => setCurrentTabKey(tabKey)\n\n   useEffect(() => {\n      if (currentTabKey == 'init') {\n         setCurrentTabKey(defaultTab || 'list')\n      }\n   }, [currentTabKey])\n\n   return (\n      <>\n\n         <Tabs items={tabs}\n            onChange={onSwitchTab}\n         />\n\n         {\n            tabs.map(tab =>\n               (currentTabKey == 'init' || currentTabKey == tab.key)\n                  ? tab.render(tab.key)\n                  : null\n            )\n         }\n      </>\n   )\n}\n\n\nexport default TabsSlice\n\n"]},"metadata":{},"sourceType":"module"}