{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\00monsite\\\\front\\\\src\\\\components\\\\Navbar.js\",\n  _s = $RefreshSig$();\nimport React, { useState, useEffect } from \"react\";\nimport { NavLink, useLocation } from \"react-router-dom\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst Navbar = () => {\n  _s();\n  const [activeIndex, setActiveIndex] = useState(0);\n  const [menuOpen, setMenuOpen] = useState(false);\n  const location = useLocation();\n  useEffect(() => {\n    switch (location.pathname) {\n      case \"/\":\n        setActiveIndex(0);\n        break;\n      case \"/destination\":\n        setActiveIndex(1);\n        break;\n      case \"/equipe\":\n        setActiveIndex(2);\n        break;\n      case \"/technologie\":\n        setActiveIndex(3);\n        break;\n      default:\n        setActiveIndex(0);\n    }\n  }, [location.pathname]);\n  const toggleMenu = () => {\n    setMenuOpen(!menuOpen);\n  };\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"headerNav\",\n    children: [/*#__PURE__*/_jsxDEV(\"a\", {\n      id: \"link\",\n      href: \"#\",\n      children: /*#__PURE__*/_jsxDEV(\"span\", {\n        id: \"burger1\",\n        onClick: toggleMenu\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 35,\n        columnNumber: 30\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 35,\n      columnNumber: 7\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"navbar d-flex align-items-center\",\n      id: \"navbarHome\",\n      children: [/*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"logo\",\n        children: /*#__PURE__*/_jsxDEV(\"img\", {\n          src: \"./images/shared/logo.svg\",\n          alt: \"Logo\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 38,\n          columnNumber: 9\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 37,\n        columnNumber: 7\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"navbar__line\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 40,\n        columnNumber: 7\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"containerNav\",\n        children: /*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"text-navbar d-flex justify-content-end\",\n          id: \"\",\n          children: [/*#__PURE__*/_jsxDEV(\"div\", {\n            className: `navPrincipal ${activeIndex === 0 ? \"navPrincipal-active\" : \"\"}`,\n            children: /*#__PURE__*/_jsxDEV(NavLink, {\n              to: \"/\",\n              onClick: () => {\n                setActiveIndex(0);\n                toggleMenu(); // masquer le menu sur mobile après avoir cliqué sur le lien\n              },\n\n              activeClassName: \"navPrincipal-active\",\n              style: {\n                textDecoration: \"none\"\n              },\n              children: /*#__PURE__*/_jsxDEV(\"p\", {\n                children: [\" \", /*#__PURE__*/_jsxDEV(\"span\", {\n                  className: \"number\",\n                  children: \"00\"\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 59,\n                  columnNumber: 17\n                }, this), \" HOME\"]\n              }, void 0, true, {\n                fileName: _jsxFileName,\n                lineNumber: 57,\n                columnNumber: 15\n              }, this)\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 48,\n              columnNumber: 13\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 43,\n            columnNumber: 11\n          }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n            className: `navPrincipal ${activeIndex === 1 ? \"navPrincipal-active\" : \"\"}`,\n            children: /*#__PURE__*/_jsxDEV(NavLink, {\n              to: \"/destination\",\n              onClick: () => {\n                setActiveIndex(1);\n                toggleMenu();\n              },\n              activeClassName: \"navPrincipal-active\",\n              style: {\n                textDecoration: \"none\"\n              },\n              children: /*#__PURE__*/_jsxDEV(\"p\", {\n                children: [/*#__PURE__*/_jsxDEV(\"span\", {\n                  className: \"number\",\n                  children: \"01\"\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 78,\n                  columnNumber: 17\n                }, this), \" DESTINATION\"]\n              }, void 0, true, {\n                fileName: _jsxFileName,\n                lineNumber: 77,\n                columnNumber: 15\n              }, this)\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 68,\n              columnNumber: 13\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 63,\n            columnNumber: 11\n          }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n            className: `navPrincipal ${activeIndex === 2 ? \"navPrincipal-active\" : \"\"}`,\n            children: /*#__PURE__*/_jsxDEV(NavLink, {\n              to: \"/equipe\",\n              onClick: () => {\n                setActiveIndex(2);\n                toggleMenu();\n              },\n              activeClassName: \"navPrincipal-active\",\n              style: {\n                textDecoration: \"none\"\n              },\n              children: /*#__PURE__*/_jsxDEV(\"p\", {\n                children: [/*#__PURE__*/_jsxDEV(\"span\", {\n                  className: \"number\",\n                  children: \"02\"\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 96,\n                  columnNumber: 17\n                }, this), \" CREW\"]\n              }, void 0, true, {\n                fileName: _jsxFileName,\n                lineNumber: 95,\n                columnNumber: 15\n              }, this)\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 87,\n              columnNumber: 13\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 82,\n            columnNumber: 11\n          }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n            className: `navPrincipal ${activeIndex === 3 ? \"navPrincipal-active\" : \"\"}`,\n            children: /*#__PURE__*/_jsxDEV(NavLink, {\n              to: \"/technologie\",\n              onClick: () => {\n                setActiveIndex(3);\n                toggleMenu();\n              },\n              activeClassName: \"navPrincipal-active\",\n              style: {\n                textDecoration: \"none\"\n              },\n              children: /*#__PURE__*/_jsxDEV(\"p\", {\n                children: [/*#__PURE__*/_jsxDEV(\"span\", {\n                  className: \"number\",\n                  children: \"03\"\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 116,\n                  columnNumber: 17\n                }, this), \" TECHNOLOGY\"]\n              }, void 0, true, {\n                fileName: _jsxFileName,\n                lineNumber: 115,\n                columnNumber: 15\n              }, this)\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 105,\n              columnNumber: 13\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 100,\n            columnNumber: 11\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 42,\n          columnNumber: 9\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 41,\n        columnNumber: 7\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 36,\n      columnNumber: 5\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 32,\n    columnNumber: 6\n  }, this);\n};\n_s(Navbar, \"n/JkiFroppnKQnzOsY+NB4iXVLo=\", false, function () {\n  return [useLocation];\n});\n_c = Navbar;\nexport default Navbar;\nvar _c;\n$RefreshReg$(_c, \"Navbar\");","map":{"version":3,"names":["React","useState","useEffect","NavLink","useLocation","Navbar","activeIndex","setActiveIndex","menuOpen","setMenuOpen","location","pathname","toggleMenu","textDecoration"],"sources":["C:/Users/user/Desktop/00monsite/front/src/components/Navbar.js"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\r\nimport { NavLink, useLocation } from \"react-router-dom\";\r\n\r\nconst Navbar = () => {\r\n  const [activeIndex, setActiveIndex] = useState(0);\r\n  const [menuOpen, setMenuOpen]=useState(false)\r\n  const location = useLocation();\r\n\r\n  useEffect(() => {\r\n    switch (location.pathname) {\r\n      case \"/\":\r\n        setActiveIndex(0);\r\n        break;\r\n      case \"/destination\":\r\n        setActiveIndex(1);\r\n        break;\r\n      case \"/equipe\":\r\n        setActiveIndex(2);\r\n        break;\r\n      case \"/technologie\":\r\n        setActiveIndex(3);\r\n        break;\r\n      default:\r\n        setActiveIndex(0);\r\n    }\r\n  }, [location.pathname]);\r\n  const toggleMenu = () => {\r\n    setMenuOpen(!menuOpen);\r\n    };\r\n\r\n  return (\r\n     <div className=\"headerNav\">\r\n\r\n     \r\n      <a id=\"link\" href=\"#\" ><span id=\"burger1\" onClick={toggleMenu}></span></a>\r\n    <div className=\"navbar d-flex align-items-center\" id=\"navbarHome\">\r\n      <div className=\"logo\">\r\n        <img src=\"./images/shared/logo.svg\" alt=\"Logo\" />\r\n      </div>\r\n      <div className=\"navbar__line\"></div>\r\n      <div className=\"containerNav\">\r\n        <div className=\"text-navbar d-flex justify-content-end\"id=\"\">\r\n          <div\r\n            className={`navPrincipal ${\r\n              activeIndex === 0 ? \"navPrincipal-active\" : \"\"\r\n            }`}\r\n          >\r\n            <NavLink\r\n              to=\"/\"\r\n              onClick={() =>{\r\n                 setActiveIndex(0);\r\n                 toggleMenu(); // masquer le menu sur mobile après avoir cliqué sur le lien\r\n              }}\r\n              activeClassName=\"navPrincipal-active\"\r\n              style={{ textDecoration: \"none\" }}\r\n            >\r\n              <p>\r\n                {\" \"}\r\n                <span className=\"number\">00</span> HOME\r\n              </p>\r\n            </NavLink>\r\n          </div>\r\n          <div\r\n            className={`navPrincipal ${\r\n              activeIndex === 1 ? \"navPrincipal-active\" : \"\"\r\n            }`}\r\n          >\r\n            <NavLink\r\n              to=\"/destination\"\r\n              onClick={() => {\r\n                setActiveIndex(1);\r\n                toggleMenu()\r\n              }}\r\n              activeClassName=\"navPrincipal-active\"\r\n              style={{ textDecoration: \"none\" }}\r\n            >\r\n              <p>\r\n                <span className=\"number\">01</span> DESTINATION\r\n              </p>\r\n            </NavLink>\r\n          </div>\r\n          <div\r\n            className={`navPrincipal ${\r\n              activeIndex === 2 ? \"navPrincipal-active\" : \"\"\r\n            }`}\r\n          >\r\n            <NavLink\r\n              to=\"/equipe\"\r\n              onClick={() => {\r\n                setActiveIndex(2);\r\n                toggleMenu()}}\r\n              activeClassName=\"navPrincipal-active\"\r\n              style={{ textDecoration: \"none\" }}\r\n            >\r\n              <p>\r\n                <span className=\"number\">02</span> CREW\r\n              </p>\r\n            </NavLink>\r\n          </div>\r\n          <div\r\n            className={`navPrincipal ${\r\n              activeIndex === 3 ? \"navPrincipal-active\" : \"\"\r\n            }`}\r\n          >\r\n            <NavLink\r\n              to=\"/technologie\"\r\n              onClick={() => {\r\n                setActiveIndex(3);\r\n              toggleMenu();\r\n                \r\n              }}\r\n              activeClassName=\"navPrincipal-active\"\r\n              style={{ textDecoration: \"none\" }}\r\n            >\r\n              <p>\r\n                <span className=\"number\">03</span> TECHNOLOGY\r\n              </p>\r\n            </NavLink>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    </div>\r\n  );\r\n};\r\nexport default Navbar;\r\n"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}