{"ast":null,"code":"import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport { Fragment as _Fragment } from \"react/jsx-dev-runtime\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nvar _jsxFileName = \"/home/gkkdzdg/www/src/components/header/Header.js\",\n    _this = this,\n    _s = $RefreshSig$();\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__*/_jsxDEV(\"svg\", _objectSpread(_objectSpread({}, props), {}, {\n    children: /*#__PURE__*/_jsxDEV(\"path\", {\n      fill: \"#000\",\n      d: \"M0 0h25v2H0zM0 7h25v2H0zM0 14h25v2H0z\"\n    }, void 0, false, void 0, this)\n  }), void 0, false, void 0, this);\n};\n\n_c3 = BurgerSVG;\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__*/_jsxDEV(\"svg\", _objectSpread(_objectSpread({}, props), {}, {\n    children: /*#__PURE__*/_jsxDEV(\"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    }, void 0, false, void 0, this)\n  }), void 0, false, void 0, this);\n};\n\n_c4 = CloseSVG;\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__*/_jsxDEV(\"div\", {\n    className: cn(styles.header),\n    children: /*#__PURE__*/_jsxDEV(Nav, {\n      links: links,\n      translatedLink: translatedLink,\n      lang: lang\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 22,\n      columnNumber: 4\n    }, _this)\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 21,\n    columnNumber: 3\n  }, _this);\n};\n\n_c = Header;\n\nvar Nav = function Nav(_ref2) {\n  _s();\n\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__*/_jsxDEV(\"div\", {\n    className: cn(styles.menu, isOpened && styles['menu-opened']),\n    children: linksFiltered.map(function (link) {\n      return /*#__PURE__*/_jsxDEV(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__*/_jsxDEV(Arrow, {\n          className: 'mobile-only',\n          direction: \"right\",\n          size: \"small\",\n          color: \"white\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 54,\n          columnNumber: 5\n        }, _this)]\n      }, link.slug || link.href, true, {\n        fileName: _jsxFileName,\n        lineNumber: 46,\n        columnNumber: 4\n      }, _this);\n    })\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 44,\n    columnNumber: 15\n  }, _this);\n\n  return /*#__PURE__*/_jsxDEV(_Fragment, {\n    children: [/*#__PURE__*/_jsxDEV(\"nav\", {\n      className: cn(styles.nav, isOpened && styles['nav-opened']),\n      children: [/*#__PURE__*/_jsxDEV(Link, {\n        href: \"/\".concat(lang) //scroll={false}\n        ,\n        children: /*#__PURE__*/_jsxDEV(\"a\", {\n          children: /*#__PURE__*/_jsxDEV(Logo, {\n            className: styles.logo\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 68,\n            columnNumber: 6\n          }, _this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 66,\n          columnNumber: 5\n        }, _this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 63,\n        columnNumber: 4\n      }, _this), isDesktop && menu, /*#__PURE__*/_jsxDEV(\"div\", {\n        className: styles.buttons,\n        children: /*#__PURE__*/_jsxDEV(Button, {\n          className: cn('mobile-only', styles.toggle),\n          onClick: onClickToggle,\n          type: \"button\",\n          children: [/*#__PURE__*/_jsxDEV(BurgerSVG, {\n            className: styles.burger,\n            title: locale('Menu')\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 89,\n            columnNumber: 6\n          }, _this), /*#__PURE__*/_jsxDEV(CloseSVG, {\n            className: styles.close,\n            title: locale('Fermer')\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 90,\n            columnNumber: 6\n          }, _this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 88,\n          columnNumber: 5\n        }, _this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 87,\n        columnNumber: 4\n      }, _this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 61,\n      columnNumber: 3\n    }, _this), !isDesktop && menu]\n  }, void 0, true);\n};\n\n_s(Nav, \"Z8zoJFJiPYdY4K7NvWdJl5UCtm0=\", false, function () {\n  return [useLocale, useIsDesktop];\n});\n\n_c2 = Nav;\nexport default Header;\n\nvar _c, _c2, _c3, _c4;\n\n$RefreshReg$(_c, \"Header\");\n$RefreshReg$(_c2, \"Nav\");\n$RefreshReg$(_c3, \"BurgerSVG\");\n$RefreshReg$(_c4, \"CloseSVG\");","map":{"version":3,"sources":["/home/gkkdzdg/www/src/components/header/Header.js"],"names":["cn","CustomLink","Arrow","ArrowWithLine","Button","useLocale","useIsDesktop","Link","useState","BurgerSVG","CloseSVG","styles","Logo","Header","links","translatedLink","lang","header","Nav","locale","isOpened","setIsOpened","onClickLink","onClickToggle","isDesktop","linksFiltered","filter","link","mobileOnly","menu","map","href","slug","label","nav","logo","buttons","toggle","burger","close"],"mappings":"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","sourcesContent":["\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'\nimport BurgerSVG from '../../svgs/burger.svg'\nimport CloseSVG from '../../svgs/close.svg'\nimport styles from './Header.module.scss'\nimport Logo from './Logo'\n\n\nconst Header = ({ links, translatedLink, lang, }) => {\n\n\t//console.log('Header/index.js::14 links', links)\n\n\treturn (\n\t\t<div className={cn(styles.header)}>\n\t\t\t<Nav links={links} translatedLink={translatedLink} lang={lang} />\n\t\t</div>\n\t)\n}\n\n\nconst Nav = ({ links, translatedLink, lang, }) => {\n\n\tconst locale = useLocale()\n\tconst [isOpened, setIsOpened] = useState(false)\n\n\tconst onClickLink = () => {\n\t\tsetIsOpened(false)\n\t}\n\n\tconst onClickToggle = () => {\n\t\tsetIsOpened(!isOpened)\n\t}\n\n\tconst isDesktop = useIsDesktop()\n\tconst linksFiltered = isDesktop ? links.filter(link => !link.mobileOnly) : links\n\n\tconst menu = <div className={cn(styles.menu, isOpened && styles['menu-opened'])}>\n\t\t{linksFiltered.map(link =>\n\t\t\t<CustomLink\n\t\t\t\tkey={link.slug || link.href}\n\t\t\t\thref={link.href || `/${lang}/${link.slug}`}\n\t\t\t\tclassName={styles.link}\n\t\t\t\tactiveStyle={styles['is-active']}\n\t\t\t\tonClick={onClickLink}\n\t\t\t>\n\t\t\t\t{link.label}\n\t\t\t\t<Arrow className={'mobile-only'} direction='right' size='small' color='white' />\n\t\t\t</CustomLink>\n\t\t)\n\t\t}\n\t</div>\n\n\treturn (<>\n\t\t<nav className={cn(styles.nav, isOpened && styles['nav-opened'])}>\n\n\t\t\t<Link href={`/${lang}`}\n\t\t\t//scroll={false}\n\t\t\t>\n\t\t\t\t<a>\n\t\t\t\t\t{/* <h1 className={cn(styles.logo, 'h--1')}>compose</h1> */}\n\t\t\t\t\t<Logo className={styles.logo} />\n\t\t\t\t</a>\n\t\t\t</Link>\n\n\t\t\t{isDesktop && menu}\n\n\t\t\t{/* {translatedLink &&\n\t\t\t<CustomLink href={translatedLink} className={styles.link}>\n\t\t\t<>\n\t\t\t\t{languages.flatMap((l, index, array) => {\n\t\t\t\tconst ele = <span key={l} style={l == lang ? {textDecoration: 'underline'} : {}}>{`${l}`}</span>\n\t\t\t\treturn array.length - 1 !== index\n\t\t\t\t\t? [ele, \" | \"]\n\t\t\t\t\t: ele\n\t\t\t\t})}\n\t\t\t</>\n\t\t\t</CustomLink>\n\t\t} */}\n\n\t\t\t<div className={styles.buttons}>\n\t\t\t\t<Button className={cn('mobile-only', styles.toggle)} onClick={onClickToggle} type='button'>\n\t\t\t\t\t<BurgerSVG className={styles.burger} title={locale('Menu')} />\n\t\t\t\t\t<CloseSVG className={styles.close} title={locale('Fermer')} />\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t</nav>\n\n\n\t\t{!isDesktop && menu}\n\t</>\n\t)\n}\n\n\nexport default Header"]},"metadata":{},"sourceType":"module"}