{"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 const TabItem = ({\n  onClick,\n  label,\n  className\n}) => {\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\nconst Tabs = ({\n  items,\n  className,\n  onChange\n}) => {\n  const {\n    0: currentTabKey,\n    1: setCurrentTabKey\n  } = useState(items[0].key);\n\n  const onClick = key => {\n    setCurrentTabKey(key);\n  };\n\n  useEffect(() => {\n    onChange && onChange(currentTabKey);\n  }, [currentTabKey]);\n  return /*#__PURE__*/_jsx(\"div\", {\n    className: cn('mobile-only', styles.tabs, className),\n    children: items.map(item => /*#__PURE__*/_jsx(TabItem, {\n      label: item.label,\n      onClick: () => onClick(item.key) // 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\nexport default Tabs;","map":null,"metadata":{},"sourceType":"module"}