{"ast":null,"code":"import { 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\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\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\nconst Header = ({\n  links,\n  translatedLink,\n  lang\n}) => {\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\nconst Nav = ({\n  links,\n  translatedLink,\n  lang\n}) => {\n  const locale = useLocale();\n  const {\n    0: isOpened,\n    1: setIsOpened\n  } = useState(false);\n\n  const onClickLink = () => {\n    setIsOpened(false);\n  };\n\n  const onClickToggle = () => {\n    setIsOpened(!isOpened);\n  };\n\n  const isDesktop = useIsDesktop();\n  const linksFiltered = isDesktop ? links.filter(link => !link.mobileOnly) : links;\n\n  const menu = /*#__PURE__*/_jsx(\"div\", {\n    className: cn(styles.menu, isOpened && styles['menu-opened']),\n    children: linksFiltered.map(link => /*#__PURE__*/_jsxs(CustomLink, {\n      href: link.href || `/${lang}/${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  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: `/${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"}