{"ast":null,"code":"import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport { Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nimport React from \"react\";\nimport cn from 'classnames';\nimport CustomLink from 'components/customLink/CustomLink';\nimport { Arrow, ArrowWithLine } from 'components/gui/Arrow';\nimport Button from 'components/gui/Button';\nimport useLocale from 'contexts/useLocale';\nimport { useIsDesktop } from 'hooks/useIsDevice';\nimport Link from 'next/link';\nimport { useState } from 'react';\n\nvar BurgerSVG = function BurgerSVG(props) {\n  return /*#__PURE__*/_jsx(\"svg\", _objectSpread(_objectSpread({}, props), {}, {\n    children: /*#__PURE__*/_jsx(\"path\", {\n      fill: \"#000\",\n      d: \"M0 0h25v2H0zM0 7h25v2H0zM0 14h25v2H0z\"\n    })\n  }));\n};\n\nBurgerSVG.defaultProps = {\n  width: \"25\",\n  height: \"16\",\n  viewBox: \"0 0 25 16\",\n  fill: \"none\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar CloseSVG = function CloseSVG(props) {\n  return /*#__PURE__*/_jsx(\"svg\", _objectSpread(_objectSpread({}, props), {}, {\n    children: /*#__PURE__*/_jsx(\"path\", {\n      d: \"M14 1.41L12.59 0 7 5.59 1.41 0 0 1.41 5.59 7 0 12.59 1.41 14 7 8.41 12.59 14 14 12.59 8.41 7 14 1.41z\"\n    })\n  }));\n};\n\nCloseSVG.defaultProps = {\n  width: \"14\",\n  height: \"14\",\n  viewBox: \"0 0 14 14\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\nimport styles from './Header.module.scss';\nimport Logo from './Logo';\n\nvar Header = function Header(_ref) {\n  var links = _ref.links,\n      translatedLink = _ref.translatedLink,\n      lang = _ref.lang;\n  //console.log('Header/index.js::14 links', links)\n  return /*#__PURE__*/_jsx(\"div\", {\n    className: cn(styles.header),\n    children: /*#__PURE__*/_jsx(Nav, {\n      links: links,\n      translatedLink: translatedLink,\n      lang: lang\n    })\n  });\n};\n\nvar Nav = function Nav(_ref2) {\n  var links = _ref2.links,\n      translatedLink = _ref2.translatedLink,\n      lang = _ref2.lang;\n  var locale = useLocale();\n\n  var _useState = useState(false),\n      isOpened = _useState[0],\n      setIsOpened = _useState[1];\n\n  var onClickLink = function onClickLink() {\n    setIsOpened(false);\n  };\n\n  var onClickToggle = function onClickToggle() {\n    setIsOpened(!isOpened);\n  };\n\n  var isDesktop = useIsDesktop();\n  var linksFiltered = isDesktop ? links.filter(function (link) {\n    return !link.mobileOnly;\n  }) : links;\n\n  var menu = /*#__PURE__*/_jsx(\"div\", {\n    className: cn(styles.menu, isOpened && styles['menu-opened']),\n    children: linksFiltered.map(function (link) {\n      return /*#__PURE__*/_jsxs(CustomLink, {\n        href: link.href || \"/\".concat(lang, \"/\").concat(link.slug),\n        className: styles.link,\n        activeStyle: styles['is-active'],\n        onClick: onClickLink,\n        children: [link.label, /*#__PURE__*/_jsx(Arrow, {\n          className: 'mobile-only',\n          direction: \"right\",\n          size: \"small\",\n          color: \"white\"\n        })]\n      }, link.slug || link.href);\n    })\n  });\n\n  return /*#__PURE__*/_jsxs(_Fragment, {\n    children: [/*#__PURE__*/_jsxs(\"nav\", {\n      className: cn(styles.nav, isOpened && styles['nav-opened']),\n      children: [/*#__PURE__*/_jsx(Link, {\n        href: \"/\".concat(lang) //scroll={false}\n        ,\n        children: /*#__PURE__*/_jsx(\"a\", {\n          children: /*#__PURE__*/_jsx(Logo, {\n            className: styles.logo\n          })\n        })\n      }), isDesktop && menu, /*#__PURE__*/_jsx(\"div\", {\n        className: styles.buttons,\n        children: /*#__PURE__*/_jsxs(Button, {\n          className: cn('mobile-only', styles.toggle),\n          onClick: onClickToggle,\n          type: \"button\",\n          children: [/*#__PURE__*/_jsx(BurgerSVG, {\n            className: styles.burger,\n            title: locale('Menu')\n          }), /*#__PURE__*/_jsx(CloseSVG, {\n            className: styles.close,\n            title: locale('Fermer')\n          })]\n        })\n      })]\n    }), !isDesktop && menu]\n  });\n};\n\nexport default Header;","map":null,"metadata":{},"sourceType":"module"}