{"ast":null,"code":"import _slicedToArray from\"C:/Users/user/Desktop/06portreact/node_modules/@babel/runtime/helpers/esm/slicedToArray.js\";import React from\"react\";import{useState}from\"react\";import{jsxs as _jsxs}from\"react/jsx-runtime\";import{jsx as _jsx}from\"react/jsx-runtime\";export function Tabs(_ref){var children=_ref.children;console.log(React.Children.toArray(children));var childArray=React.Children.toArray(children);var _useState=useState(childArray[0].key),_useState2=_slicedToArray(_useState,2),current=_useState2[0],setCurrent=_useState2[1];var newChildren=childArray.map(function(child){return/*#__PURE__*/React.cloneElement(child,{selected:child.key===current});});return/*#__PURE__*/_jsxs(\"div\",{className:\"flex max-lg:flex-col justify-center align-center\",children:[/*#__PURE__*/_jsx(\"nav\",{className:\"max-lg:flex max-lg:justify-center \",children:childArray.map(function(child){return/*#__PURE__*/_jsxs(\"li\",{className:\"boutonss\",onClick:function onClick(){return setCurrent(child.key);},children:[child.props.title,\" \"]},child.key);})}),/*#__PURE__*/_jsx(\"section\",{className:\"flex\",children:newChildren})]});}export function Tab(_ref2){var children=_ref2.children,selected=_ref2.selected;return/*#__PURE__*/_jsx(\"div\",{hidden:!selected,children:children});}","map":{"version":3,"names":["React","useState","jsxs","_jsxs","jsx","_jsx","Tabs","_ref","children","console","log","Children","toArray","childArray","_useState","key","_useState2","_slicedToArray","current","setCurrent","newChildren","map","child","cloneElement","selected","className","onClick","props","title","Tab","_ref2","hidden"],"sources":["C:/Users/user/Desktop/06portreact/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 max-lg:flex-col justify-center align-center\">\r\n        <nav className=\"max-lg:flex max-lg:justify-center \" >\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":"uHAAA,MAAO,CAAAA,KAAK,KAAM,OAAO,CACzB,OAASC,QAAQ,KAAQ,OAAO,QAAAC,IAAA,IAAAC,KAAA,gCAAAC,GAAA,IAAAC,IAAA,yBAGhC,MAAO,SAAS,CAAAC,IAAIA,CAAAC,IAAA,CAAa,IAAV,CAAAC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CAC3BC,OAAO,CAACC,GAAG,CAACV,KAAK,CAACW,QAAQ,CAACC,OAAO,CAACJ,QAAQ,CAAC,CAAC,CAC7C,GAAM,CAAAK,UAAU,CAAEb,KAAK,CAACW,QAAQ,CAACC,OAAO,CAACJ,QAAQ,CAAC,CAClD,IAAAM,SAAA,CAA2Bb,QAAQ,CAACY,UAAU,CAAC,CAAC,CAAC,CAACE,GAAG,CAAC,CAAAC,UAAA,CAAAC,cAAA,CAAAH,SAAA,IAA/CI,OAAO,CAAAF,UAAA,IAACG,UAAU,CAAAH,UAAA,IAEzB,GAAM,CAAAI,WAAW,CAACP,UAAU,CAACQ,GAAG,CAAC,SAAAC,KAAK,CAAE,CACpC,mBAAOtB,KAAK,CAACuB,YAAY,CAACD,KAAK,CAAC,CAACE,QAAQ,CAACF,KAAK,CAACP,GAAG,GAAGG,OAAO,CAAC,CAAC,CACjE,CAAC,CAAC,CAIJ,mBACAf,KAAA,QAAKsB,SAAS,CAAC,kDAAkD,CAAAjB,QAAA,eAC7DH,IAAA,QAAKoB,SAAS,CAAC,oCAAoC,CAAAjB,QAAA,CAC9CK,UAAU,CAACQ,GAAG,CAAC,SAAAC,KAAK,qBACjBnB,KAAA,OAAKsB,SAAS,CAAC,UAAU,CAACC,OAAO,CAAE,SAAAA,QAAA,QAAI,CAAAP,UAAU,CAACG,KAAK,CAACP,GAAG,CAAC,EAAC,CAAAP,QAAA,EAAkBc,KAAK,CAACK,KAAK,CAACC,KAAK,CAAC,GAAC,GAA/BN,KAAK,CAACP,GAA6B,CAAC,EACzG,CAAC,CACF,CAAC,cACNV,IAAA,YAASoB,SAAS,CAAC,MAAM,CAAAjB,QAAA,CACpBY,WAAW,CACP,CAAC,EACT,CAAC,CAEV,CAEA,MAAO,SAAS,CAAAS,GAAGA,CAAAC,KAAA,CAAqB,IAAnB,CAAAtB,QAAQ,CAAAsB,KAAA,CAARtB,QAAQ,CAACgB,QAAQ,CAAAM,KAAA,CAARN,QAAQ,CAClC,mBAEAnB,IAAA,QAAK0B,MAAM,CAAE,CAACP,QAAS,CAAAhB,QAAA,CAClBA,QAAQ,CACR,CAAC,CAEV"},"metadata":{},"sourceType":"module","externalDependencies":[]}