{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\000newport\\\\src\\\\components\\\\pages\\\\design\\\\crea2\\\\crea2.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 Crea2 = () => {\n _s();\n const [imagePrincipal, setImagePrincipal] = useState(\"/images/crea2/image-product-1.jpg\");\n const changeImage = imageNew => {\n setImagePrincipal(imageNew);\n };\n return /*#__PURE__*/_jsxDEV(_Fragment, {\n children: /*#__PURE__*/_jsxDEV(\"div\", {\n children: /*#__PURE__*/_jsxDEV(\"section\", {\n className: \"bg-stone-500 w-full p-10 flex items-center space-x-5 px-40 justify-center mb-96\",\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \"left w-1/2 bg-pink-200 flex flex-col justify-center items-center\",\n children: /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"image bg-pink-400 h-2/3 w-2/3 space-y-5 flex flex-col items-center justify-center\",\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \"w-full\",\n children: /*#__PURE__*/_jsxDEV(\"img\", {\n src: imagePrincipal,\n className: \" w-full rounded-xl\",\n alt: \"product-principal\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 16,\n columnNumber: 17\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 15,\n columnNumber: 15\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"allSmallImage h-1/3 w-full bg-pink-300 space-x-5 flex \",\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \"Smallimage w-44 h-44 bg-stone-400\",\n children: /*#__PURE__*/_jsxDEV(\"img\", {\n src: \"/images/crea2/image-product-1.jpg\",\n className: `w-full h-auto rounded-xl ${imagePrincipal === \"/images/crea2/image-product-1.jpg\" ? 'border-2 border-orange-700 opacity-50' : ''}`,\n alt: \"product-1\",\n onClick: () => changeImage(\"/images/crea2/image-product-1.jpg\")\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 25,\n columnNumber: 19\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 24,\n columnNumber: 17\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"Smallimage w-44 bg-stone-400\",\n children: /*#__PURE__*/_jsxDEV(\"img\", {\n src: \"/images/crea2/image-product-2.jpg\",\n className: `w-full h-auto rounded-xl ${imagePrincipal === \"/images/crea2/image-product-2.jpg\" ? 'border-2 border-orange-700 opacity-50' : ''}`,\n alt: \"product-2\",\n onClick: () => changeImage(\"/images/crea2/image-product-2.jpg\")\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 36,\n columnNumber: 19\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 35,\n columnNumber: 17\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"Smallimage w-44 bg-stone-400 \",\n children: /*#__PURE__*/_jsxDEV(\"img\", {\n src: \"/images/crea2/image-product-3.jpg\",\n alt: \"product-3\",\n onClick: () => changeImage(\"/images/crea2/image-product-3.jpg\"),\n className: `w-full h-auto rounded-xl ${imagePrincipal === \"/images/crea2/image-product-3.jpg\" ? 'border-2 border-orange-700 opacity-50' : ''}`\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 47,\n columnNumber: 19\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 46,\n columnNumber: 17\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"Smallimage w-44 bg-stone-400\",\n children: /*#__PURE__*/_jsxDEV(\"img\", {\n src: \"/images/crea2/image-product-4.jpg\",\n className: `w-full h-auto rounded-xl ${imagePrincipal === \"/images/crea2/image-product-4.jpg\" ? 'border-2 border-orange-700 opacity-50' : ''}`,\n alt: \"product-4\",\n onClick: () => changeImage(\"/images/crea2/image-product-4.jpg\")\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 57,\n columnNumber: 19\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 56,\n columnNumber: 17\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 23,\n columnNumber: 15\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 14,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 13,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"right w-1/2 bg-pink-200 flex flex-col space-y-10 p-10 justify-center\",\n children: /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"flex flex-col space-y-10 w-5/6\",\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \"title\",\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n children: /*#__PURE__*/_jsxDEV(\"h2\", {\n className: \"text-orange-500\",\n children: \"SNEAKER COMPAGNY\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 74,\n columnNumber: 17\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 73,\n columnNumber: 15\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n children: [/*#__PURE__*/_jsxDEV(\"h1\", {\n className: \"text-7xl\",\n children: \"Fall Limited Edition\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 77,\n columnNumber: 17\n }, this), /*#__PURE__*/_jsxDEV(\"h1\", {\n className: \"text-7xl\",\n children: \"Sneakers\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 78,\n columnNumber: 17\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 76,\n columnNumber: 15\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 72,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"text w-4/6 text-justify\",\n children: \"loremqfs uierp ierhpguipzhp irzghiu pzhguiphzpiu irzghiupehgiz hp gzh'ig gdfgdgddggd gdgdgdgdg dgdfgdgd gdgdgdgdg dgdgdgdgdg gdgd dgdgdg gdgd hdh dhhh dhgdh hh rh hr rhrhrhr h r rhrhr irzhgpzihgihziuh gizeiuhh ih gizh\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 81,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"flex\",\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \"price text-4xl\",\n children: \" 354\\xA3\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 88,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n children: \"50%\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 89,\n columnNumber: 13\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 87,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"panier flex h-3.5 space-x-5 \",\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \"cursor w-1/3\",\n children: \"+0-\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 94,\n columnNumber: 15\n }, this), /*#__PURE__*/_jsxDEV(\"button\", {\n className: \"flex items-center w-2/3 bg-pink-500 p-5\",\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n children: \"panier\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 96,\n columnNumber: 17\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n children: \"ajout au panier\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 97,\n columnNumber: 17\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 95,\n columnNumber: 15\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 93,\n columnNumber: 13\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 70,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 69,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 12,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 11,\n columnNumber: 7\n }, this)\n }, void 0, false);\n};\n_s(Crea2, \"7jHkqyCW+GiQ+vXDvzCSqIkTihA=\");\n_c = Crea2;\nexport default Crea2;\nvar _c;\n$RefreshReg$(_c, \"Crea2\");","map":{"version":3,"names":["React","useState","jsxDEV","_jsxDEV","Fragment","_Fragment","Crea2","_s","imagePrincipal","setImagePrincipal","changeImage","imageNew","children","className","src","alt","fileName","_jsxFileName","lineNumber","columnNumber","onClick","_c","$RefreshReg$"],"sources":["C:/Users/user/Desktop/000newport/src/components/pages/design/crea2/crea2.js"],"sourcesContent":["import React, { useState } from \"react\";\r\n\r\nconst Crea2 = () => {\r\n\r\n const [imagePrincipal, setImagePrincipal]=useState(\"/images/crea2/image-product-1.jpg\")\r\n const changeImage=(imageNew)=>{\r\n setImagePrincipal(imageNew)\r\n }\r\n return (\r\n <>\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n\r\n
\r\n
\r\n \r\n changeImage(\"/images/crea2/image-product-1.jpg\")\r\n }\r\n \r\n />\r\n
\r\n
\r\n \r\n changeImage(\"/images/crea2/image-product-2.jpg\")\r\n }\r\n\r\n />\r\n
\r\n
\r\n \r\n changeImage(\"/images/crea2/image-product-3.jpg\")\r\n }\r\n className= {`w-full h-auto rounded-xl ${imagePrincipal===\"/images/crea2/image-product-3.jpg\" ? 'border-2 border-orange-700 opacity-50':''}` }\r\n />\r\n
\r\n
\r\n \r\n changeImage(\"/images/crea2/image-product-4.jpg\")\r\n }\r\n />\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n

SNEAKER COMPAGNY

\r\n
\r\n
\r\n

Fall Limited Edition

\r\n

Sneakers

\r\n
\r\n
\r\n
\r\n loremqfs uierp ierhpguipzhp irzghiu pzhguiphzpiu irzghiupehgiz hp\r\n gzh'ig gdfgdgddggd gdgdgdgdg dgdfgdgd gdgdgdgdg dgdgdgdgdg gdgd\r\n dgdgdg gdgd hdh dhhh dhgdh hh rh hr rhrhrhr h r rhrhr\r\n irzhgpzihgihziuh gizeiuhh ih gizh\r\n
\r\n
\r\n
354£
\r\n
50%
\r\n\r\n
\r\n \r\n
\r\n
+0-
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Crea2;\r\n"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}