{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nvar _jsxFileName = \"/home/gkkdzdg/www/src/components/tabs/Tabs.js\",\n    _this = this,\n    _s = $RefreshSig$();\n\nimport cn from 'classnames';\nimport Button from 'components/gui/Button';\nimport { useEffect, useState } from 'react';\nimport styles from './Tabs.module.scss';\nexport var TabItem = function TabItem(_ref) {\n  var onClick = _ref.onClick,\n      label = _ref.label,\n      className = _ref.className;\n  return /*#__PURE__*/_jsxDEV(Button, {\n    onClick: onClick,\n    className: cn(styles.item, className),\n    children: /*#__PURE__*/_jsxDEV(\"h3\", {\n      children: label\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 10,\n      columnNumber: 10\n    }, _this)\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 9,\n    columnNumber: 7\n  }, _this);\n};\n_c = TabItem;\n\nvar Tabs = function Tabs(_ref2) {\n  _s();\n\n  var items = _ref2.items,\n      className = _ref2.className,\n      onChange = _ref2.onChange;\n\n  var _useState = useState(items[0].key),\n      currentTabKey = _useState[0],\n      setCurrentTabKey = _useState[1];\n\n  var _onClick = function onClick(key) {\n    setCurrentTabKey(key);\n  };\n\n  useEffect(function () {\n    onChange && onChange(currentTabKey);\n  }, [currentTabKey]);\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: cn('mobile-only', styles.tabs, className),\n    children: items.map(function (item) {\n      return /*#__PURE__*/_jsxDEV(TabItem, {\n        label: item.label,\n        onClick: function onClick() {\n          return _onClick(item.key);\n        } // active={item.key == currentTabKey}\n        ,\n        className: item.fixedColor ? styles[item.fixedColor] : item.key == currentTabKey ? styles.grey : styles.black // key={item.key}\n\n      }, item.key, false, {\n        fileName: _jsxFileName,\n        lineNumber: 33,\n        columnNumber: 13\n      }, _this);\n    })\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 28,\n    columnNumber: 7\n  }, _this);\n};\n\n_s(Tabs, \"WFrf5nQh2ne01JarA7XciuZUMGM=\");\n\n_c2 = Tabs;\nexport default Tabs;\n\nvar _c, _c2;\n\n$RefreshReg$(_c, \"TabItem\");\n$RefreshReg$(_c2, \"Tabs\");","map":{"version":3,"sources":["/home/gkkdzdg/www/src/components/tabs/Tabs.js"],"names":["cn","Button","useEffect","useState","styles","TabItem","onClick","label","className","item","Tabs","items","onChange","key","currentTabKey","setCurrentTabKey","tabs","map","fixedColor","grey","black"],"mappings":";;;;;;AACA,OAAOA,EAAP,MAAe,YAAf;AACA,OAAOC,MAAP,MAAmB,uBAAnB;AACA,SAASC,SAAT,EAAoBC,QAApB,QAAoC,OAApC;AACA,OAAOC,MAAP,MAAmB,oBAAnB;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,OAAoC;AAAA,MAAjCC,OAAiC,QAAjCA,OAAiC;AAAA,MAAxBC,KAAwB,QAAxBA,KAAwB;AAAA,MAAjBC,SAAiB,QAAjBA,SAAiB;AACxD,sBACG,QAAC,MAAD;AAAQ,IAAA,OAAO,EAAEF,OAAjB;AAA0B,IAAA,SAAS,EAAEN,EAAE,CAACI,MAAM,CAACK,IAAR,EAAcD,SAAd,CAAvC;AAAA,2BACG;AAAA,gBAAKD;AAAL;AAAA;AAAA;AAAA;AAAA;AADH;AAAA;AAAA;AAAA;AAAA,WADH;AAKF,CANM;KAAMF,O;;AAQb,IAAMK,IAAI,GAAG,SAAPA,IAAO,QAAqC;AAAA;;AAAA,MAAlCC,KAAkC,SAAlCA,KAAkC;AAAA,MAA3BH,SAA2B,SAA3BA,SAA2B;AAAA,MAAhBI,QAAgB,SAAhBA,QAAgB;;AAAA,kBAELT,QAAQ,CAACQ,KAAK,CAAC,CAAD,CAAL,CAASE,GAAV,CAFH;AAAA,MAExCC,aAFwC;AAAA,MAEzBC,gBAFyB;;AAI/C,MAAMT,QAAO,GAAG,SAAVA,OAAU,CAAAO,GAAG,EAAI;AACpBE,IAAAA,gBAAgB,CAACF,GAAD,CAAhB;AACF,GAFD;;AAIAX,EAAAA,SAAS,CAAC,YAAM;AACbU,IAAAA,QAAQ,IAAIA,QAAQ,CAACE,aAAD,CAApB;AACF,GAFQ,EAEN,CAACA,aAAD,CAFM,CAAT;AAIA,sBACG;AACG,IAAA,SAAS,EAAEd,EAAE,CAAC,aAAD,EAAgBI,MAAM,CAACY,IAAvB,EAA6BR,SAA7B,CADhB;AAAA,cAIIG,KAAK,CAACM,GAAN,CAAU,UAAAR,IAAI;AAAA,0BACZ,QAAC,OAAD;AAEG,QAAA,KAAK,EAAEA,IAAI,CAACF,KAFf;AAGG,QAAA,OAAO,EAAE;AAAA,iBAAMD,QAAO,CAACG,IAAI,CAACI,GAAN,CAAb;AAAA,SAHZ,CAIG;AAJH;AAKG,QAAA,SAAS,EAAEJ,IAAI,CAACS,UAAL,GACHd,MAAM,CAACK,IAAI,CAACS,UAAN,CADH,GAEFT,IAAI,CAACI,GAAL,IAAYC,aAAZ,GAA4BV,MAAM,CAACe,IAAnC,GAA0Cf,MAAM,CAACgB,KAP7D,CAQG;;AARH,SACQX,IAAI,CAACI,GADb;AAAA;AAAA;AAAA;AAAA,eADY;AAAA,KAAd;AAJJ;AAAA;AAAA;AAAA;AAAA,WADH;AAoBF,CAhCD;;GAAMH,I;;MAAAA,I;AAkCN,eAAeA,IAAf","sourcesContent":["\nimport cn from 'classnames'\nimport Button from 'components/gui/Button'\nimport { useEffect, useState } from 'react'\nimport styles from './Tabs.module.scss'\n\nexport const TabItem = ({ onClick, label, className, }) => {\n   return (\n      <Button onClick={onClick} className={cn(styles.item, className)}>\n         <h3>{label}</h3>\n      </Button>\n   )\n}\n\nconst Tabs = ({ items, className, onChange, }) => {\n\n   const [currentTabKey, setCurrentTabKey] = useState(items[0].key)\n\n   const onClick = key => {\n      setCurrentTabKey(key)\n   }\n\n   useEffect(() => {\n      onChange && onChange(currentTabKey)\n   }, [currentTabKey])\n\n   return (\n      <div\n         className={cn('mobile-only', styles.tabs, className)}\n         >\n\n         {items.map(item => (\n            <TabItem\n               key={item.key}\n               label={item.label}\n               onClick={() => onClick(item.key)}\n               // active={item.key == currentTabKey}\n               className={item.fixedColor\n                     ? styles[item.fixedColor]\n                     : (item.key == currentTabKey ? styles.grey : styles.black)}\n               // key={item.key}\n               />\n         ))}\n\n      </div>\n   )\n}\n\nexport default Tabs\n\n"]},"metadata":{},"sourceType":"module"}