{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\00monsite\\\\front\\\\src\\\\page\\\\Home.js\",\n  _s = $RefreshSig$();\nimport React, { useState } from \"react\";\nimport Navbar from \"../components/Navbar\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst Home = () => {\n  _s();\n  const [clicked, setClicked] = useState(Array(5).fill(false));\n  function handleClick(index) {\n    const newClicked = [...clicked];\n    newClicked[index] = true;\n    setClicked(newClicked);\n  }\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"bg-home \",\n    children: [/*#__PURE__*/_jsxDEV(Navbar, {}, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 13,\n      columnNumber: 13\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \" container \",\n      children: [/*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"containerAll \",\n        children: /*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"texte-home centre\",\n          children: [/*#__PURE__*/_jsxDEV(\"div\", {\n            children: /*#__PURE__*/_jsxDEV(\"h5\", {\n              children: \"So, you want to travel to\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 18,\n              columnNumber: 25\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 17,\n            columnNumber: 21\n          }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n            children: /*#__PURE__*/_jsxDEV(\"h1\", {\n              children: \"SPACE\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 21,\n              columnNumber: 25\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 20,\n            columnNumber: 21\n          }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n            children: /*#__PURE__*/_jsxDEV(\"p\", {\n              children: \"Let\\u2019s face it; if you want to go to space, you might as well genuinely go to outer space and not hover kind of on the edge of it. Well sit back, and relax because we\\u2019ll give you a truly out of this world experience! Explore\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 24,\n              columnNumber: 27\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 23,\n            columnNumber: 21\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 16,\n          columnNumber: 17\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 15,\n        columnNumber: 16\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"explore-container d-flex justify-content-center align-items-center \",\n        children: /*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"explore rounded-circle  d-flex align-items-center justify-content-center \",\n          id: \"explore\",\n          children: [/*#__PURE__*/_jsxDEV(\"h3\", {\n            children: \"explore\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 31,\n            columnNumber: 17\n          }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n            children: [/*#__PURE__*/_jsxDEV(\"div\", {\n              className: `div ${clicked[0] ? 'click' : ''}`,\n              style: {\n                height: '50px',\n                width: '50px'\n              },\n              onClick: () => handleClick(0)\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 36,\n              columnNumber: 7\n            }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n              className: `div ${clicked[1] ? 'click' : ''}`,\n              style: {\n                height: '50px',\n                width: '50px'\n              },\n              onClick: () => handleClick(1)\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 37,\n              columnNumber: 7\n            }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n              className: `div ${clicked[2] ? 'click' : ''}`,\n              style: {\n                height: '50px',\n                width: '50px'\n              },\n              onClick: () => handleClick(2)\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 38,\n              columnNumber: 7\n            }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n              className: `div ${clicked[3] ? 'click' : ''}`,\n              style: {\n                height: '50px',\n                width: '50px'\n              },\n              onClick: () => handleClick(3)\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 39,\n              columnNumber: 7\n            }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n              className: `div ${clicked[4] ? 'click' : ''}`,\n              style: {\n                height: '50px',\n                width: '50px'\n              },\n              onClick: () => handleClick(4)\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 40,\n              columnNumber: 7\n            }, this)]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 35,\n            columnNumber: 17\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 30,\n          columnNumber: 17\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 29,\n        columnNumber: 16\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 14,\n      columnNumber: 13\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 12,\n    columnNumber: 9\n  }, this);\n};\n_s(Home, \"ziOuNQTFLZGBttBs3ZFwlV3Qf3o=\");\n_c = Home;\nexport default Home;\nvar _c;\n$RefreshReg$(_c, \"Home\");","map":{"version":3,"names":["React","useState","Navbar","Home","clicked","setClicked","Array","fill","handleClick","index","newClicked","height","width"],"sources":["C:/Users/user/Desktop/00monsite/front/src/page/Home.js"],"sourcesContent":["import React, { useState } from \"react\";\r\nimport Navbar from \"../components/Navbar\";\r\n\r\nconst Home=()=>{\r\n    const [clicked, setClicked] = useState(Array(5).fill(false));\r\n    function handleClick(index) {\r\n        const newClicked = [...clicked];\r\n        newClicked[index] = true;\r\n        setClicked(newClicked);\r\n      }\r\n    return(\r\n        <div className=\"bg-home \">\r\n            <Navbar/>\r\n            <div className=\" container \">\r\n               <div className=\"containerAll \">\r\n                <div className=\"texte-home centre\">\r\n                    <div>\r\n                        <h5>So, you want to travel to</h5>\r\n                    </div>\r\n                    <div>\r\n                        <h1>SPACE</h1>\r\n                    </div>\r\n                    <div>\r\n                          <p>Let’s face it; if you want to go to space, you might as well genuinely go to outer space and not hover kind of on the edge of it. Well sit back, and relax because we’ll give you a truly out of this world experience! Explore</p>\r\n                    </div>\r\n                </div>\r\n\r\n               </div>\r\n               <div className=\"explore-container d-flex justify-content-center align-items-center \">\r\n                <div className=\"explore rounded-circle  d-flex align-items-center justify-content-center \" id=\"explore\">\r\n                <h3>\r\n\r\n                    explore\r\n                </h3>\r\n                <div>\r\n      <div className={`div ${clicked[0] ? 'click' : ''}`} style={{ height: '50px', width: '50px' }} onClick={() => handleClick(0)} />\r\n      <div className={`div ${clicked[1] ? 'click' : ''}`} style={{ height: '50px', width: '50px' }} onClick={() => handleClick(1)} />\r\n      <div className={`div ${clicked[2] ? 'click' : ''}`} style={{ height: '50px', width: '50px' }} onClick={() => handleClick(2)} />\r\n      <div className={`div ${clicked[3] ? 'click' : ''}`} style={{ height: '50px', width: '50px' }} onClick={() => handleClick(3)} />\r\n      <div className={`div ${clicked[4] ? 'click' : ''}`} style={{ height: '50px', width: '50px' }} onClick={() => handleClick(4)} />\r\n    </div>\r\n                    \r\n                </div>\r\n\r\n               </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\nexport default Home"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}