{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/home/gkkdzdg/www/src/components/tabs/Tabs.js\";\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__*/_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\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__*/_jsxDEV(\"div\", {\n    className: cn('mobile-only', styles.tabs, className),\n    children: items.map(item => /*#__PURE__*/_jsxDEV(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, false, {\n      fileName: _jsxFileName,\n      lineNumber: 33,\n      columnNumber: 13\n    }, this))\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 28,\n    columnNumber: 7\n  }, this);\n};\n\nexport default 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","currentTabKey","setCurrentTabKey","key","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,MAAMC,OAAO,GAAG,CAAC;AAAEC,EAAAA,OAAF;AAAWC,EAAAA,KAAX;AAAkBC,EAAAA;AAAlB,CAAD,KAAoC;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,UADH;AAKF,CANM;;AAQP,MAAMG,IAAI,GAAG,CAAC;AAAEC,EAAAA,KAAF;AAASH,EAAAA,SAAT;AAAoBI,EAAAA;AAApB,CAAD,KAAqC;AAE/C,QAAM;AAAA,OAACC,aAAD;AAAA,OAAgBC;AAAhB,MAAoCX,QAAQ,CAACQ,KAAK,CAAC,CAAD,CAAL,CAASI,GAAV,CAAlD;;AAEA,QAAMT,OAAO,GAAGS,GAAG,IAAI;AACpBD,IAAAA,gBAAgB,CAACC,GAAD,CAAhB;AACF,GAFD;;AAIAb,EAAAA,SAAS,CAAC,MAAM;AACbU,IAAAA,QAAQ,IAAIA,QAAQ,CAACC,aAAD,CAApB;AACF,GAFQ,EAEN,CAACA,aAAD,CAFM,CAAT;AAIA,sBACG;AACG,IAAA,SAAS,EAAEb,EAAE,CAAC,aAAD,EAAgBI,MAAM,CAACY,IAAvB,EAA6BR,SAA7B,CADhB;AAAA,cAIIG,KAAK,CAACM,GAAN,CAAUR,IAAI,iBACZ,QAAC,OAAD;AAEG,MAAA,KAAK,EAAEA,IAAI,CAACF,KAFf;AAGG,MAAA,OAAO,EAAE,MAAMD,OAAO,CAACG,IAAI,CAACM,GAAN,CAHzB,CAIG;AAJH;AAKG,MAAA,SAAS,EAAEN,IAAI,CAACS,UAAL,GACHd,MAAM,CAACK,IAAI,CAACS,UAAN,CADH,GAEFT,IAAI,CAACM,GAAL,IAAYF,aAAZ,GAA4BT,MAAM,CAACe,IAAnC,GAA0Cf,MAAM,CAACgB,KAP7D,CAQG;;AARH,OACQX,IAAI,CAACM,GADb;AAAA;AAAA;AAAA;AAAA,YADF;AAJJ;AAAA;AAAA;AAAA;AAAA,UADH;AAoBF,CAhCD;;AAkCA,eAAeL,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"}