{"version":3,"sources":["webpack:///./src/components/atoms/site-logo/zenn-logo.tsx"],"names":["Component","className","imgStyle","file","useStaticQuery","logoImage","toFluidImage","childImageSharp","fluid","style","ZennLogo","memo"],"mappings":"4FAAA,6GAiCMA,EAAsC,SAAC,GAGxB,MAFnBC,EAEmB,EAFnBA,UACAC,EACmB,EADnBA,SAEQC,EAASC,yBA9BL,cA8BJD,KACFE,EAAYC,YAAaH,SAAD,UAACA,EAAMI,uBAAP,aAAC,EAAuBC,OAEtD,YAAO,IAAOH,EACZ,wBAAC,IAAD,CAAOG,MAAOH,EAAWJ,UAAWA,EAAWC,SAAUA,IAEzD,+BAAKD,UAAWA,EAAWQ,MAAOP,KAIzBQ,EAAWC,eAAKX","file":"22-d75cb9b297dd3e5a7d91.js","sourcesContent":["import React, { memo } from \"react\"\nimport { graphql, useStaticQuery } from \"gatsby\"\nimport Image from \"gatsby-image\"\n\nimport type { ZennLogoQuery } from \"@graphql-types\"\nimport { toFluidImage } from \"~/service/gateways/image\"\n\nconst query = graphql`\n  query ZennLogo {\n    file(absolutePath: { regex: \"/external-sites/zenn-logo/\" }) {\n      childImageSharp {\n        fluid(maxHeight: 90, traceSVG: { background: \"#ffffff\" }) {\n          aspectRatio\n          base64\n          sizes\n          src\n          srcSetWebp\n          srcSet\n          tracedSVG\n        }\n      }\n    }\n  }\n`\n\ninterface ZennLogoProps {\n  className?: string\n  imgStyle: {\n    height: string\n    width: string\n  }\n}\n\nconst Component: React.VFC<ZennLogoProps> = ({\n  className,\n  imgStyle,\n}: ZennLogoProps) => {\n  const { file } = useStaticQuery<ZennLogoQuery>(query)\n  const logoImage = toFluidImage(file?.childImageSharp?.fluid)\n\n  return typeof logoImage !== `undefined` ? (\n    <Image fluid={logoImage} className={className} imgStyle={imgStyle} />\n  ) : (\n    <div className={className} style={imgStyle} />\n  )\n}\n\nexport const ZennLogo = memo(Component)\n"],"sourceRoot":""}