{"version":3,"file":"a9fadf40-f0226750a76bf0041101.js","mappings":"wMAcA,MAAMA,EAKDC,IAAgD,IAA/C,KAAEC,EAAI,SAAEC,EAAQ,QAAEC,EAAO,aAAEC,GAAcJ,EAC7C,MAAa,OAATC,GAEAI,EAAAA,EAAAA,IAAAC,EAAAA,SAAA,MACED,EAAAA,EAAAA,IAAA,SAAIH,IACJG,EAAAA,EAAAA,IAAA,SAAIF,IACJE,EAAAA,EAAAA,IAAA,SAAID,KAKNC,EAAAA,EAAAA,IAAAC,EAAAA,SAAA,MACED,EAAAA,EAAAA,IAAA,SAAID,IACJC,EAAAA,EAAAA,IAAA,SAAIF,IACJE,EAAAA,EAAAA,IAAA,SAAIH,GAGV,EAsCD,IAAAK,EAAA,CAAAC,KAAA,SAAAC,OAAA,mFAAAC,EAAA,CAAAF,KAAA,UAAAC,OAAA,sDAAAE,EAAA,CAAAH,KAAA,UAAAC,OAAA,+DAAAG,EAAA,CAAAJ,KAAA,SAAAC,OAAA,4BAED,MAAMI,EAAgBC,IACb,CACLC,QAAQC,EAAAA,EAAAA,IAAG,2BAEKF,EAAMG,OAAOC,WAAWC,UAAS,qCAG7CL,EAAMM,GAAGC,SAAQ,eAGrBC,YAAWV,EAIXW,WAAUZ,EAMVa,WAAUd,EAKVe,iBAAiBT,EAAAA,EAAAA,IAAG,4BAETF,EAAMG,OAAOS,QAAO,8CAIlBZ,EAAMG,OAAOS,QAAO,kBAElBZ,EAAMG,OAAOU,YAAW,gBAIvCC,oBAAoBZ,EAAAA,EAAAA,IAAG,SACZF,EAAMG,OAAOY,UAAS,cAEjCC,oBAAmBvB,IAUvB,IAvF0BwB,IAAe,IAAd,KAAE9B,GAAM8B,EACjC,MAAMtB,EAASI,EAAaC,EAAAA,IACtB,EAAEkB,IAAMC,EAAAA,EAAAA,OACR,KAAEC,IAASD,EAAAA,EAAAA,MAEXE,EACK,OAATlC,EACI,sGACA,wFAEN,OACEI,EAAAA,EAAAA,IAAA,UAAQW,IAAKP,EAAOM,SAClBV,EAAAA,EAAAA,IAAA,OAAKW,IAAKP,EAAOa,cACfjB,EAAAA,EAAAA,IAAA,OAAKW,IAAKP,EAAOc,aACflB,EAAAA,EAAAA,IAAC+B,EAAAA,KAAI,CAACC,IAAIC,EAAAA,EAAAA,GAAc,IAAKrC,KAC3BI,EAAAA,EAAAA,IAACkC,EAAAA,EAAU,SAGflC,EAAAA,EAAAA,IAAA,OAAKW,IAAKP,EAAOe,aACfnB,EAAAA,EAAAA,IAAA,KAAGW,IAAKP,EAAOgB,kBACbpB,EAAAA,EAAAA,IAAA,KAAGmC,KAAML,EAAWM,OAAO,SAASC,IAAI,cACrCV,EAAE,aAGP3B,EAAAA,EAAAA,IAACN,EAAO,CACNE,KAAMiC,EAAKS,SACXzC,SAAU8B,EAAE,YACZ7B,QAAS6B,EAAE,iBACX5B,aAAc4B,EAAE,mBAElB3B,EAAAA,EAAAA,IAAA,SAAOW,IAAKP,EAAOqB,qBAAqB,2BAGrC,C","sources":["webpack://aldagram-corporate/./src/ui/molecules/Footer.tsx"],"sourcesContent":["import React from 'react'\nimport { FC } from 'react'\nimport { css } from '@emotion/react'\nimport { Link } from 'gatsby'\nimport LogoFooter from '@images/LogoFooter'\nimport { MyTheme, theme } from '@ui/styles/theme'\nimport { useTranslation } from 'react-i18next'\nimport { buildLangPath } from '@lib/pathUtils'\nimport { Languages } from '@/types/languages'\n\ntype Props = {\n  lang: Languages\n}\n\nconst Address: FC<{\n  lang: Languages\n  postCode: string\n  address: string\n  buildingName: string\n}> = ({ lang, postCode, address, buildingName }) => {\n  if (lang === 'ja') {\n    return (\n      <>\n        <p>{postCode}</p>\n        <p>{address}</p>\n        <p>{buildingName}</p>\n      </>\n    )\n  } else {\n    return (\n      <>\n        <p>{buildingName}</p>\n        <p>{address}</p>\n        <p>{postCode}</p>\n      </>\n    )\n  }\n}\n\nconst Footer: FC<Props> = ({ lang }) => {\n  const styles = createStyles(theme)\n  const { t } = useTranslation()\n  const { i18n } = useTranslation()\n\n  const contactUs =\n    lang === 'ja'\n      ? 'https://docs.google.com/forms/d/e/1FAIpQLSdAny1Z3ptdIgVrTc4o2JTg-SIYf2rLGzvfoGhNA7-Fwk4mug/viewform'\n      : 'https://docs.google.com/forms/d/1CFD7H7JjVB9kV902VUj3p9OeRaDHCiX89dkLIx8WMrU/viewform'\n\n  return (\n    <footer css={styles.footer}>\n      <div css={styles.footerInner}>\n        <div css={styles.footerLogo}>\n          <Link to={buildLangPath('/', lang)}>\n            <LogoFooter />\n          </Link>\n        </div>\n        <div css={styles.footerInfo}>\n          <p css={styles.footerInfoTitle}>\n            <a href={contactUs} target=\"_blank\" rel=\"noreferrer\">\n              {t('お問い合わせ')}\n            </a>\n          </p>\n          <Address\n            lang={i18n.language as Languages}\n            postCode={t('105-0023')}\n            address={t('東京都港区芝浦1丁目1-1')}\n            buildingName={t('浜松町ビルディング11階')}\n          />\n          <small css={styles.footerInfoCopyright}>©️ 2021 Aldagram Inc.</small>\n        </div>\n      </div>\n    </footer>\n  )\n}\n\nconst createStyles = (theme: MyTheme) => {\n  return {\n    footer: css`\n      display: flex;\n      background: ${theme.colors.background.innermost};\n      width: 100%;\n      justify-content: start;\n      ${theme.mq.isTablet} {\n      }\n    `,\n    footerInner: css`\n      display: flex;\n      margin: 32px;\n    `,\n    footerLogo: css`\n      width: auto;\n      height: 77px;\n      margin-right: 32px;\n      vertical-align: top;\n    `,\n    footerInfo: css`\n      font-size: 12px;\n      line-height: 17px;\n      vertical-align: top;\n    `,\n    footerInfoTitle: css`\n      margin-bottom: 14px;\n      color: ${theme.colors.primary};\n      font-size: 14px;\n      line-height: 20px;\n      & > a {\n        color: ${theme.colors.primary};\n        &:hover {\n          color: ${theme.colors.primaryDark};\n        }\n      }\n    `,\n    footerInfoPostcode: css`\n      color: ${theme.colors.textBlack};\n    `,\n    footerInfoCopyright: css`\n      display: inline-block;\n      font-size: 11px;\n      margin-top: 8px;\n      line-height: 16px;\n      opacity: 0.4;\n    `\n  }\n}\n\nexport default Footer\n"],"names":["Address","_ref5","lang","postCode","address","buildingName","___EmotionJSX","React","_ref","name","styles","_ref2","_ref3","_ref4","createStyles","theme","footer","css","colors","background","innermost","mq","isTablet","footerInner","footerLogo","footerInfo","footerInfoTitle","primary","primaryDark","footerInfoPostcode","textBlack","footerInfoCopyright","_ref6","t","useTranslation","i18n","contactUs","Link","to","buildLangPath","LogoFooter","href","target","rel","language"],"sourceRoot":""}