{"ast":null,"code":"import { jsx as _jsx } from \"react/jsx-runtime\";\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__*/_jsx(Button, {\n    onClick: onClick,\n    className: cn(styles.item, className),\n    children: /*#__PURE__*/_jsx(\"h3\", {\n      children: label\n    })\n  });\n};\n\nvar Tabs = function Tabs(_ref2) {\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__*/_jsx(\"div\", {\n    className: cn('mobile-only', styles.tabs, className),\n    children: items.map(function (item) {\n      return /*#__PURE__*/_jsx(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);\n    })\n  });\n};\n\nexport default Tabs;","map":null,"metadata":{},"sourceType":"module"}