{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\000newport\\\\src\\\\components\\\\pages\\\\home\\\\components\\\\04portefolio\\\\card\\\\checkbox\\\\checkbox.js\",\n  _s = $RefreshSig$();\nimport React, { useState } from \"react\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nimport { Fragment as _Fragment } from \"react/jsx-dev-runtime\";\nconst Checkbox = () => {\n  _s();\n  const [projetData, setProjetData] = useState([]);\n  const [selectedType, setSelectedType] = useState(\"\"); // Ajouter l'état pour stocker le type sélectionné\n\n  useEffec(() => {\n    fetch(\"/portfolio.json\").then(response => response.json()).then(data => {\n      setProjetData(Object.values(data));\n    }).catch(error => console.error(\"erreur chargement des données\"));\n  }, []);\n\n  // Filtrer les projets en fonction du type sélectionné\n  const filteredProjets = selectedType === \"\" ? projetData // Si rien n'est sélectionné, afficher tous les projets\n  : projetData.filter(projet => projet.type.includes(selectedType));\n  return /*#__PURE__*/_jsxDEV(_Fragment, {\n    children: [/*#__PURE__*/_jsxDEV(\"label\", {\n      children: [/*#__PURE__*/_jsxDEV(\"input\", {\n        className: \"hh\",\n        type: \"checkbox\",\n        checked: selectedType === \"wordpress\",\n        onChange: () => setSelectedType(prevType => prevType === \"wordpress\" ? \"\" : \"wordpress\")\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 28,\n        columnNumber: 11\n      }, this), \"WordPress\"]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 27,\n      columnNumber: 4\n    }, this), /*#__PURE__*/_jsxDEV(\"label\", {\n      children: [/*#__PURE__*/_jsxDEV(\"input\", {\n        type: \"checkbox\",\n        checked: selectedType === \"php\",\n        onChange: () => setSelectedType(prevType => prevType === \"php\" ? \"\" : \"php\")\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 41,\n        columnNumber: 11\n      }, this), \"PHP\"]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 40,\n      columnNumber: 9\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \" ttt relative\",\n      children: [/*#__PURE__*/_jsxDEV(\"label\", {\n        children: /*#__PURE__*/_jsxDEV(\"input\", {\n          className: \"hh absolute\",\n          type: \"checkbox\",\n          checked: selectedType === \"react\",\n          onChange: () => setSelectedType(prevType => prevType === \"react\" ? \"\" : \"react\")\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 55,\n          columnNumber: 11\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 54,\n        columnNumber: 10\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        children: /*#__PURE__*/_jsxDEV(\"img\", {\n          src: \"/images/logo/react.png\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 65,\n          columnNumber: 9\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 64,\n        columnNumber: 8\n      }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n        className: \"text-center\",\n        children: \"react\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 67,\n        columnNumber: 8\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 52,\n      columnNumber: 5\n    }, this)]\n  }, void 0, true);\n};\n_s(Checkbox, \"/sszZq/+Jih+osvkqQxSSD6RRQE=\", true);\n_c = Checkbox;\nexport default Checkbox;\nvar _c;\n$RefreshReg$(_c, \"Checkbox\");","map":{"version":3,"names":["React","useState","jsxDEV","_jsxDEV","Fragment","_Fragment","Checkbox","_s","projetData","setProjetData","selectedType","setSelectedType","useEffec","fetch","then","response","json","data","Object","values","catch","error","console","filteredProjets","filter","projet","type","includes","children","className","checked","onChange","prevType","fileName","_jsxFileName","lineNumber","columnNumber","src","_c","$RefreshReg$"],"sources":["C:/Users/user/Desktop/000newport/src/components/pages/home/components/04portefolio/card/checkbox/checkbox.js"],"sourcesContent":["import React, { useState } from \"react\";\r\n\r\n\r\nconst Checkbox =()=>{\r\n  const [projetData, setProjetData] = useState([]);\r\n  const [selectedType, setSelectedType] = useState(\"\"); // Ajouter l'état pour stocker le type sélectionné\r\n\r\n  useEffec(() => {\r\n    fetch(\"/portfolio.json\")\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        setProjetData(Object.values(data));\r\n      })\r\n      .catch((error) => console.error(\"erreur chargement des données\"));\r\n  }, []);\r\n\r\n  // Filtrer les projets en fonction du type sélectionné\r\n  const filteredProjets =\r\n    selectedType === \"\"\r\n      ? projetData // Si rien n'est sélectionné, afficher tous les projets\r\n      : projetData.filter((projet) => projet.type.includes(selectedType));\r\n\r\nreturn(\r\n  <>\r\n  \r\n   {/* Ajouter les checkboxes pour les types */}\r\n   <label>\r\n          <input\r\n          className=\"hh\"\r\n            type=\"checkbox\"\r\n            checked={selectedType === \"wordpress\"}\r\n            onChange={() =>\r\n              setSelectedType((prevType) =>\r\n                prevType === \"wordpress\" ? \"\" : \"wordpress\"\r\n              )\r\n            }\r\n          />\r\n          WordPress\r\n        </label>\r\n        <label>\r\n          <input\r\n            type=\"checkbox\"\r\n            checked={selectedType === \"php\"}\r\n            onChange={() =>\r\n              setSelectedType((prevType) => (prevType === \"php\" ? \"\" : \"php\"))\r\n            }\r\n          />\r\n          PHP\r\n        </label>\r\n    \r\n\r\n    <div className=\" ttt relative\">\r\n\r\n         <label>\r\n          <input\r\n          className=\"hh absolute\"\r\n             type=\"checkbox\"\r\n             checked={selectedType === \"react\"}\r\n             onChange={()=>\r\n            setSelectedType((prevType)=>(prevType ===\"react\" ? \"\" :\"react\"))\r\n          }/>\r\n          \r\n         </label>\r\n       <div>\r\n        <img src=\"/images/logo/react.png\"/>\r\n       </div>\r\n       <p className=\"text-center\">react</p>\r\n\r\n    </div>\r\n\r\n        {/* Ajouter plus de checkboxes pour d'autres types si nécessaire */}\r\n  \r\n  \r\n  \r\n  </>\r\n\r\n\r\n\r\n)\r\n\r\n}\r\n\r\nexport default Checkbox"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAAC,SAAAC,MAAA,IAAAC,OAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAGxC,MAAMC,QAAQ,GAAEA,CAAA,KAAI;EAAAC,EAAA;EAClB,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGR,QAAQ,CAAC,EAAE,CAAC;EAChD,MAAM,CAACS,YAAY,EAAEC,eAAe,CAAC,GAAGV,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;;EAEtDW,QAAQ,CAAC,MAAM;IACbC,KAAK,CAAC,iBAAiB,CAAC,CACrBC,IAAI,CAAEC,QAAQ,IAAKA,QAAQ,CAACC,IAAI,CAAC,CAAC,CAAC,CACnCF,IAAI,CAAEG,IAAI,IAAK;MACdR,aAAa,CAACS,MAAM,CAACC,MAAM,CAACF,IAAI,CAAC,CAAC;IACpC,CAAC,CAAC,CACDG,KAAK,CAAEC,KAAK,IAAKC,OAAO,CAACD,KAAK,CAAC,+BAA+B,CAAC,CAAC;EACrE,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA,MAAME,eAAe,GACnBb,YAAY,KAAK,EAAE,GACfF,UAAU,CAAC;EAAA,EACXA,UAAU,CAACgB,MAAM,CAAEC,MAAM,IAAKA,MAAM,CAACC,IAAI,CAACC,QAAQ,CAACjB,YAAY,CAAC,CAAC;EAEzE,oBACEP,OAAA,CAAAE,SAAA;IAAAuB,QAAA,gBAGCzB,OAAA;MAAAyB,QAAA,gBACOzB,OAAA;QACA0B,SAAS,EAAC,IAAI;QACZH,IAAI,EAAC,UAAU;QACfI,OAAO,EAAEpB,YAAY,KAAK,WAAY;QACtCqB,QAAQ,EAAEA,CAAA,KACRpB,eAAe,CAAEqB,QAAQ,IACvBA,QAAQ,KAAK,WAAW,GAAG,EAAE,GAAG,WAClC;MACD;QAAAC,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OACF,CAAC,aAEJ;IAAA;MAAAH,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAAO,CAAC,eACRjC,OAAA;MAAAyB,QAAA,gBACEzB,OAAA;QACEuB,IAAI,EAAC,UAAU;QACfI,OAAO,EAAEpB,YAAY,KAAK,KAAM;QAChCqB,QAAQ,EAAEA,CAAA,KACRpB,eAAe,CAAEqB,QAAQ,IAAMA,QAAQ,KAAK,KAAK,GAAG,EAAE,GAAG,KAAM;MAChE;QAAAC,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OACF,CAAC,OAEJ;IAAA;MAAAH,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAAO,CAAC,eAGZjC,OAAA;MAAK0B,SAAS,EAAC,eAAe;MAAAD,QAAA,gBAEzBzB,OAAA;QAAAyB,QAAA,eACCzB,OAAA;UACA0B,SAAS,EAAC,aAAa;UACpBH,IAAI,EAAC,UAAU;UACfI,OAAO,EAAEpB,YAAY,KAAK,OAAQ;UAClCqB,QAAQ,EAAEA,CAAA,KACXpB,eAAe,CAAEqB,QAAQ,IAAIA,QAAQ,KAAI,OAAO,GAAG,EAAE,GAAE,OAAQ;QAChE;UAAAC,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OAAC;MAAC;QAAAH,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAEG,CAAC,eACVjC,OAAA;QAAAyB,QAAA,eACCzB,OAAA;UAAKkC,GAAG,EAAC;QAAwB;UAAAJ,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OAAC;MAAC;QAAAH,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAC/B,CAAC,eACNjC,OAAA;QAAG0B,SAAS,EAAC,aAAa;QAAAD,QAAA,EAAC;MAAK;QAAAK,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAAG,CAAC;IAAA;MAAAH,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAElC,CAAC;EAAA,eAMN,CAAC;AAML,CAAC;AAAA7B,EAAA,CA7EKD,QAAQ;AAAAgC,EAAA,GAARhC,QAAQ;AA+Ed,eAAeA,QAAQ;AAAA,IAAAgC,EAAA;AAAAC,YAAA,CAAAD,EAAA"},"metadata":{},"sourceType":"module","externalDependencies":[]}