{"version":3,"file":"d7ff711f-f979efdb1cba802846ad.js","mappings":"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","sources":["webpack://aldagram-corporate/./src/ui/molecules/Header.tsx"],"sourcesContent":["import { FC, useState } from 'react'\nimport { css } from '@emotion/react'\nimport { Link } from 'gatsby'\nimport Logo from '@images/Logo'\nimport { MyTheme, theme } from '@ui/styles/theme'\nimport { useTranslation } from 'react-i18next'\nimport { LangSwitchButton } from './LangSwitchButton'\nimport { buildLangPath, currentPath } from '@lib/pathUtils'\nimport { Languages } from '@/types/languages'\n\ntype Props = {\n lang: Languages\n}\n\nconst Header: FC = ({ lang }) => {\n const styles = createStyles(theme)\n const [isActive, setIsActive] = useState(false)\n const { t } = useTranslation()\n\n const path = currentPath()\n const headerMenuList = [\n {\n menu: t('私たちについて'),\n subMenu: 'Mission',\n to: buildLangPath('/about/', lang),\n isCurrentMenu: path.includes('/about/')\n },\n {\n menu: t('プロダクト'),\n subMenu: 'Products',\n to: buildLangPath('/service/', lang),\n isCurrentMenu: path.includes('/service/')\n },\n {\n menu: t('お知らせ'),\n subMenu: 'News',\n to: buildLangPath('/news/', lang),\n isCurrentMenu: path.includes('/news/')\n },\n {\n menu: t('会社情報'),\n subMenu: 'Company',\n to: buildLangPath('/company/', lang),\n isCurrentMenu: path.includes('/company/')\n }\n ]\n\n if (lang === 'ja') {\n headerMenuList.splice(-1, 0, {\n menu: t('採用情報'),\n subMenu: 'Recruit',\n to: buildLangPath('/recruit/', lang),\n isCurrentMenu: path.includes('/recruit/')\n })\n }\n\n const isLanguageJa = lang == 'ja' ? true : false\n\n return (\n
\n
\n \n
\n \n
\n \n
\n setIsActive(!isActive)}\n >\n \n \n \n \n
    \n {headerMenuList.map((menu, index) => {\n return (\n
  • \n \n {menu.menu}\n {isLanguageJa &&

    {menu.subMenu}

    }\n \n
    • \n )\n })}\n
  • \n setIsActive(false)} />\n
    • \n
\n
\n )\n}\n\nconst createStyles = (theme: MyTheme) => {\n return {\n header: css`\n position: fixed;\n width: calc(100% - 16px);\n height: 64px;\n margin: 8px;\n border-radius: 4px;\n background: ${theme.colors.white};\n z-index: 101;\n `,\n logo: css`\n display: inline-block;\n `,\n logoInner: css`\n padding: 12px 14px;\n `,\n menu: css`\n display: flex;\n flex-direction: column;\n align-items: center;\n position: relative;\n top: -15px;\n width: calc(100vw - 16px);\n max-height: 0;\n margin: 0;\n padding: 0 4px 0;\n background: ${theme.colors.white};\n box-sizing: border-box;\n border-radius: 0 0 3px 3px;\n opacity: 0;\n text-align: center;\n transition: 0.5s all ease;\n overflow-y: scroll;\n ${theme.mq.isDesktop} {\n flex-direction: row;\n width: auto;\n max-height: initial;\n margin-top: 16px;\n float: right;\n opacity: 1;\n overflow-y: initial;\n }\n `,\n menuActive: css`\n max-height: calc(100vh - 72px);\n opacity: 1;\n padding: 40px 4px 60px;\n `,\n menuItem: css`\n position: relative;\n height: 60px;\n padding-top: 17px;\n font-weight: bold;\n box-sizing: border-box;\n ${theme.mq.isDesktop} {\n width: auto;\n margin-right: 32px;\n font-size: 14px;\n }\n `,\n menuLink: css`\n display: inline-block;\n padding: 3px 0 0;\n height: 26px;\n color: ${theme.colors.primary};\n box-sizing: border-box;\n text-decoration: none;\n transition: all 0.3s ease;\n & > p {\n display: block;\n margin-top: 6px;\n color: ${theme.colors.primaryDark};\n font-size: 10px;\n font-weight: normal;\n font-family: 'montserrat', sans-serif;\n line-height: 10px;\n }\n ${theme.mq.isDesktop} {\n position: relative;\n border-bottom: 3px solid transparent;\n & > p {\n display: none;\n }\n &:hover {\n color: ${theme.colors.primaryDark};\n text-decoration: none;\n }\n &:hover::after {\n content: '';\n position: absolute;\n left: 0;\n bottom: -10px;\n width: 100%;\n height: 3px;\n background: ${theme.colors.primaryDark};\n border-radius: 1px;\n }\n }\n `,\n menuLinkEn: css`\n text-decoration: underline;\n ${theme.mq.isDesktop} {\n text-decoration: none;\n }\n `,\n currentMenu: css`\n position: relative;\n color: ${theme.colors.primaryDark};\n ${theme.mq.isDesktop} {\n &::after {\n content: '';\n position: absolute;\n left: 0;\n bottom: -10px;\n width: 100%;\n height: 3px;\n background: ${theme.colors.primaryDark};\n border-radius: 1px;\n }\n }\n `,\n menuBar: css`\n position: absolute;\n display: inline-block;\n top: 25px;\n right: 20px;\n width: 24px;\n height: 17px;\n cursor: pointer;\n span {\n display: inline-block;\n position: absolute;\n right: 0;\n width: 100%;\n height: 3px;\n background-color: ${theme.colors.primary};\n border-radius: 1px;\n transition: all 0.3s;\n }\n span:nth-of-type(1) {\n top: 0;\n }\n span:nth-of-type(2) {\n background-color: ${theme.colors.primaryDark};\n top: 7px;\n width: 21px;\n }\n span:nth-of-type(3) {\n bottom: 0;\n }\n ${theme.mq.isDesktop} {\n display: none;\n }\n `,\n menuBarActive: css`\n span:nth-of-type(1) {\n top: -3px;\n transform: translateY(10px) rotate(45deg);\n }\n span:nth-of-type(2) {\n opacity: 0;\n }\n span:nth-of-type(3) {\n bottom: -3px;\n transform: translateY(-10px) rotate(-45deg);\n }\n `\n }\n}\n\nexport default Header\n"],"names":["_ref","name","styles","_ref2","_ref3","_ref4","createStyles","theme","header","css","colors","white","logo","logoInner","menu","mq","isDesktop","menuActive","menuItem","menuLink","primary","primaryDark","menuLinkEn","currentMenu","menuBar","menuBarActive","_ref5","lang","isActive","setIsActive","useState","t","useTranslation","path","currentPath","headerMenuList","subMenu","to","buildLangPath","isCurrentMenu","includes","splice","isLanguageJa","___EmotionJSX","href","Logo","onClick","map","index","key","Link","LangSwitchButton","closeMenu"],"sourceRoot":""}