{"ast":null,"code":"import { Fragment as _Fragment } from \"react/jsx-dev-runtime\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/home/gkkdzdg/www/src/components/header/Header.js\";\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__*/_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\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\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__*/_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\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__*/_jsxDEV(\"div\", {\n    className: cn(styles.menu, isOpened && styles['menu-opened']),\n    children: linksFiltered.map(link => /*#__PURE__*/_jsxDEV(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__*/_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  }, 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: `/${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\nexport default Header;","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"}