{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\000newport\\\\src\\\\components\\\\pages\\\\design\\\\crea2\\\\crea2.js\";\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  var _s = $RefreshSig$();\n  const ImagePrincipal = ({\n    image\n  }) => {\n    _s();\n    const [imageSelect, setImageSelect] = useState(image[0]);\n    return /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"w-full\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 8,\n      columnNumber: 9\n    }, this);\n  };\n  _s(ImagePrincipal, \"Rx2k9dCn6OjJxchy9hpOl+H5Y6k=\");\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: \"\",\n                className: \" w-full rounded-xl\",\n                alt: \"product-2\"\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 18,\n                columnNumber: 17\n              }, this)\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 17,\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 \",\n                  alt: \"product-1\"\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 27,\n                  columnNumber: 19\n                }, this)\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 26,\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\",\n                  alt: \"product-2\"\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 34,\n                  columnNumber: 19\n                }, this)\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 33,\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                  className: \" w-full h-auto rounded-xl\",\n                  alt: \"product-3\"\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 41,\n                  columnNumber: 19\n                }, this)\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 40,\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\",\n                  alt: \"product-4\"\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 48,\n                  columnNumber: 19\n                }, this)\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 47,\n                columnNumber: 17\n              }, this)]\n            }, void 0, true, {\n              fileName: _jsxFileName,\n              lineNumber: 25,\n              columnNumber: 15\n            }, this)]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 16,\n            columnNumber: 13\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 15,\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: 62,\n                  columnNumber: 17\n                }, this)\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 61,\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: 65,\n                  columnNumber: 17\n                }, this), /*#__PURE__*/_jsxDEV(\"h1\", {\n                  className: \"text-7xl\",\n                  children: \"Sneakers\"\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 66,\n                  columnNumber: 17\n                }, this)]\n              }, void 0, true, {\n                fileName: _jsxFileName,\n                lineNumber: 64,\n                columnNumber: 15\n              }, this)]\n            }, void 0, true, {\n              fileName: _jsxFileName,\n              lineNumber: 60,\n              columnNumber: 13\n            }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n              className: \"text\",\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: 69,\n              columnNumber: 13\n            }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n              className: \"price text-4xl\",\n              children: \" 354\\xA3\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 75,\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: 77,\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: 79,\n                  columnNumber: 17\n                }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n                  children: \"ajout au panier\"\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 80,\n                  columnNumber: 17\n                }, this)]\n              }, void 0, true, {\n                fileName: _jsxFileName,\n                lineNumber: 78,\n                columnNumber: 15\n              }, this)]\n            }, void 0, true, {\n              fileName: _jsxFileName,\n              lineNumber: 76,\n              columnNumber: 13\n            }, this)]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 58,\n            columnNumber: 13\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 57,\n          columnNumber: 11\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 14,\n        columnNumber: 9\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 13,\n      columnNumber: 7\n    }, this)\n  }, void 0, false);\n};\n_c = Crea2;\nexport default Crea2;\nvar _c;\n$RefreshReg$(_c, \"Crea2\");","map":{"version":3,"names":["React","useState","jsxDEV","_jsxDEV","Fragment","_Fragment","Crea2","_s","$RefreshSig$","ImagePrincipal","image","imageSelect","setImageSelect","className","fileName","_jsxFileName","lineNumber","columnNumber","children","src","alt","_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=({image})=>{\r\n        const [imageSelect, setImageSelect]=useState(image[0])\r\n      return(\r\n        <div className=\"w-full\"></div>\r\n      )\r\n    }\r\n  return (\r\n    <>\r\n      <div>\r\n        <section className=\"bg-stone-500 w-full p-10  flex items-center space-x-5 px-40 justify-center mb-96\">\r\n          <div className=\"left w-1/2   bg-pink-200 flex flex-col   justify-center items-center\">\r\n            <div className=\"image bg-pink-400 h-2/3 w-2/3 space-y-5 flex flex-col items-center justify-center\">\r\n              <div className=\"w-full\">\r\n                <img\r\n                  src=\"\"\r\n                  className=\" w-full rounded-xl\"\r\n                  alt=\"product-2\"\r\n                />\r\n              </div>\r\n\r\n              <div className=\"allSmallImage h-1/3 w-full bg-pink-300 space-x-5 flex  \">\r\n                <div className=\"Smallimage w-44 h-44 bg-stone-400\">\r\n                  <img\r\n                    src=\"/images/crea2/image-product-1.jpg\"\r\n                    className=\" w-full h-auto rounded-xl \"\r\n                    alt=\"product-1\"\r\n                  />\r\n                </div>\r\n                <div className=\"Smallimage w-44 bg-stone-400\">\r\n                  <img\r\n                    src=\"/images/crea2/image-product-2.jpg\"\r\n                    className=\" w-full h-auto rounded-xl\"\r\n                    alt=\"product-2\"\r\n                  />\r\n                </div>\r\n                <div className=\"Smallimage w-44  bg-stone-400\">\r\n                  <img\r\n                    src=\"/images/crea2/image-product-3.jpg\"\r\n                    className=\" w-full h-auto rounded-xl\"\r\n                    alt=\"product-3\"\r\n                  />\r\n                </div>\r\n                <div className=\"Smallimage w-44  bg-stone-400\">\r\n                  <img\r\n                    src=\"/images/crea2/image-product-4.jpg\"\r\n                    className=\" w-full h-auto rounded-xl\"\r\n                    alt=\"product-4\"\r\n                  />\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div className=\"right w-1/2  bg-pink-200 flex flex-col space-y-10 p-10  justify-center\">\r\n            <div className=\"flex flex-col space-y-10 w-5/6\">\r\n\r\n            <div className=\"title\">\r\n              <div>\r\n                <h2 className=\"text-orange-500\">SNEAKER COMPAGNY</h2>\r\n              </div>\r\n              <div>\r\n                <h1 className=\"text-7xl\">Fall Limited Edition</h1>\r\n                <h1 className=\"text-7xl\">Sneakers</h1>\r\n              </div>\r\n            </div>\r\n            <div className=\"text\">\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            </div>\r\n            <div className=\"price text-4xl\"> 354£</div>\r\n            <div className=\"panier flex h-3.5 space-x-5 \">\r\n              <div className=\"cursor w-1/3\">+0-</div>\r\n              <button className=\"flex items-center w-2/3 bg-pink-500 p-5\">\r\n                <div>panier</div>\r\n                <div>ajout au panier</div>\r\n              </button>\r\n            </div>\r\n            </div>\r\n          </div>\r\n        </section>\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default Crea2;\r\n"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}