{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\000newport\\\\src\\\\components\\\\pages\\\\home\\\\components\\\\04portefolio\\\\presentation\\\\tabs.jsx\",\n  _s = $RefreshSig$();\nimport React from \"react\";\nimport { useState } from \"react\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nexport function Tabs({\n  children\n}) {\n  _s();\n  console.log(React.Children.toArray(children));\n  const childArray = React.Children.toArray(children);\n  const [current, setCurrent] = useState(childArray[0].key);\n  const newChildren = childArray.map(child => {\n    return /*#__PURE__*/React.cloneElement(child, {\n      selected: child.key === current\n    });\n  });\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"flex\",\n    children: [/*#__PURE__*/_jsxDEV(\"nav\", {\n      children: childArray.map(child => /*#__PURE__*/_jsxDEV(\"li\", {\n        className: \"boutonss\",\n        onClick: () => setCurrent(child.key),\n        children: [child.props.title, \" \"]\n      }, child.key, true, {\n        fileName: _jsxFileName,\n        lineNumber: 20,\n        columnNumber: 17\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 18,\n      columnNumber: 9\n    }, this), /*#__PURE__*/_jsxDEV(\"section\", {\n      className: \"flex\",\n      children: newChildren\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 23,\n      columnNumber: 9\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 17,\n    columnNumber: 5\n  }, this);\n}\n_s(Tabs, \"RauPBqIonzXlXVIvAgE4W3WWlM0=\");\n_c = Tabs;\nexport function Tab({\n  children,\n  selected\n}) {\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    hidden: !selected,\n    children: children\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 33,\n    columnNumber: 5\n  }, this);\n}\n_c2 = Tab;\nvar _c, _c2;\n$RefreshReg$(_c, \"Tabs\");\n$RefreshReg$(_c2, \"Tab\");","map":{"version":3,"names":["React","useState","jsxDEV","_jsxDEV","Tabs","children","_s","console","log","Children","toArray","childArray","current","setCurrent","key","newChildren","map","child","cloneElement","selected","className","onClick","props","title","fileName","_jsxFileName","lineNumber","columnNumber","_c","Tab","hidden","_c2","$RefreshReg$"],"sources":["C:/Users/user/Desktop/000newport/src/components/pages/home/components/04portefolio/presentation/tabs.jsx"],"sourcesContent":["import React from \"react\"\r\nimport { useState } from \"react\"\r\n\r\n\r\nexport function Tabs ({children}){\r\n    console.log(React.Children.toArray(children))\r\n    const childArray= React.Children.toArray(children)\r\n    const [current,setCurrent]=useState(childArray[0].key)\r\n\r\n    const newChildren=childArray.map(child=>{\r\n        return React.cloneElement(child,{selected:child.key===current})\r\n      })\r\n\r\n   \r\n \r\n    return (\r\n    <div className=\"flex\">\r\n        <nav >\r\n            {childArray.map(child=>(\r\n                < li className=\"boutonss\" onClick={()=>setCurrent(child.key)} key={child.key}>{child.props.title} </li>\r\n            ) )}\r\n        </nav>\r\n        <section className=\"flex\">\r\n            {newChildren}\r\n        </section>\r\n    </div>\r\n    )\r\n}\r\n\r\nexport function Tab({children,selected}){\r\n    return(\r\n\r\n    <div hidden={!selected} >\r\n        {children}\r\n    </div>\r\n    )\r\n}\r\n\r\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,OAAO;AAAA,SAAAC,MAAA,IAAAC,OAAA;AAGhC,OAAO,SAASC,IAAIA,CAAE;EAACC;AAAQ,CAAC,EAAC;EAAAC,EAAA;EAC7BC,OAAO,CAACC,GAAG,CAACR,KAAK,CAACS,QAAQ,CAACC,OAAO,CAACL,QAAQ,CAAC,CAAC;EAC7C,MAAMM,UAAU,GAAEX,KAAK,CAACS,QAAQ,CAACC,OAAO,CAACL,QAAQ,CAAC;EAClD,MAAM,CAACO,OAAO,EAACC,UAAU,CAAC,GAACZ,QAAQ,CAACU,UAAU,CAAC,CAAC,CAAC,CAACG,GAAG,CAAC;EAEtD,MAAMC,WAAW,GAACJ,UAAU,CAACK,GAAG,CAACC,KAAK,IAAE;IACpC,oBAAOjB,KAAK,CAACkB,YAAY,CAACD,KAAK,EAAC;MAACE,QAAQ,EAACF,KAAK,CAACH,GAAG,KAAGF;IAAO,CAAC,CAAC;EACjE,CAAC,CAAC;EAIJ,oBACAT,OAAA;IAAKiB,SAAS,EAAC,MAAM;IAAAf,QAAA,gBACjBF,OAAA;MAAAE,QAAA,EACKM,UAAU,CAACK,GAAG,CAACC,KAAK,iBACjBd,OAAA;QAAKiB,SAAS,EAAC,UAAU;QAACC,OAAO,EAAEA,CAAA,KAAIR,UAAU,CAACI,KAAK,CAACH,GAAG,CAAE;QAAAT,QAAA,GAAkBY,KAAK,CAACK,KAAK,CAACC,KAAK,EAAC,GAAC;MAAA,GAA/BN,KAAK,CAACH,GAAG;QAAAU,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAA0B,CACxG;IAAC;MAAAH,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OACF,CAAC,eACNxB,OAAA;MAASiB,SAAS,EAAC,MAAM;MAAAf,QAAA,EACpBU;IAAW;MAAAS,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OACP,CAAC;EAAA;IAAAH,QAAA,EAAAC,YAAA;IAAAC,UAAA;IAAAC,YAAA;EAAA,OACT,CAAC;AAEV;AAACrB,EAAA,CAvBeF,IAAI;AAAAwB,EAAA,GAAJxB,IAAI;AAyBpB,OAAO,SAASyB,GAAGA,CAAC;EAACxB,QAAQ;EAACc;AAAQ,CAAC,EAAC;EACpC,oBAEAhB,OAAA;IAAK2B,MAAM,EAAE,CAACX,QAAS;IAAAd,QAAA,EAClBA;EAAQ;IAAAmB,QAAA,EAAAC,YAAA;IAAAC,UAAA;IAAAC,YAAA;EAAA,OACR,CAAC;AAEV;AAACI,GAAA,GAPeF,GAAG;AAAA,IAAAD,EAAA,EAAAG,GAAA;AAAAC,YAAA,CAAAJ,EAAA;AAAAI,YAAA,CAAAD,GAAA"},"metadata":{},"sourceType":"module","externalDependencies":[]}