{"version":3,"sources":["webpack://mukul-jain/./src/component/Header.jsx","webpack://mukul-jain/./src/pages/{MarkdownRemark.frontmatter__slug}.js"],"names":["title","nav","fullNav","className","map","item","index","Link","key","style","textTransform","to","Template","markdownRemark","data","frontmatter","html","description","preview","article","fontSize","date","readingTime","dangerouslySetInnerHTML","__html","url","rel","target","href","noCloud"],"mappings":"uJA4BA,IAxBe,SAAC,GAAyB,IAAvBA,EAAsB,EAAtBA,MAAsB,IAAfC,WAAe,MAAT,GAAS,EAChCC,EAAO,CAAI,cAAJ,eAAqBD,IAClC,OACE,2BACE,uBAAKE,UAAU,0BACb,2BACGD,EAAQE,KAAI,SAACC,EAAMC,GAAP,OACX,gBAAC,EAAAC,KAAD,CACEC,IAAKF,EACLG,MAAO,CAAEC,cAAe,cACxBC,GAAc,IAAVL,EAAc,IAAd,IAAwBD,GAE3B,IACAA,EANH,UAUJ,gBAAC,IAAD,OAEDL,GAAS,sBAAIG,UAAU,aAAaH,M,0HCjB5B,SAASY,EAAT,GAA6B,IAClCC,EADiC,EAARC,KACzBD,eACAE,EAAsBF,EAAtBE,YAAaC,EAASH,EAATG,KACrB,OACE,gCACE,gBAAC,IAAD,CACEhB,MAAOe,EAAYf,MACnBiB,YAAaF,EAAYG,QACzBC,SAAO,IAET,wBAAMhB,UAAU,gBACd,gBAAC,IAAD,CAAQF,IAAK,CAAC,UACd,uBAAKE,UAAU,aACb,uBAAKA,UAAU,oBACb,sBAAIA,UAAU,aAAaY,EAAYf,OACvC,qBAAGG,UAAU,YAAYM,MAAO,CAAEW,SAAU,KACzCL,EAAYM,KADf,MACwBN,EAAYO,YADpC,eAIF,uBAAKnB,UAAU,qBACb,uBAAKoB,wBAAyB,CAAEC,OAAQR,KACvCD,EAAYU,KACX,wCACe,IACb,qBAAGC,IAAI,aAAaC,OAAO,SAASC,KAAMb,EAAYU,KAAtD,UAEK,IAJP,kBAWR,gBAAC,IAAD,CAASI,SAAO","file":"component---src-pages-markdown-remark-frontmatter-slug-js-63ab765ff70f28be8d3e.js","sourcesContent":["import * as React from \"react\";\nimport { Link } from \"gatsby\";\nimport Toggle from \"./Toggle\";\n\nconst Header = ({ title, nav = [] }) => {\n  const fullNav = [\"Mukul Jain\", ...nav];\n  return (\n    <div>\n      <div className=\"flex row-space-between\">\n        <div>\n          {fullNav.map((item, index) => (\n            <Link\n              key={index}\n              style={{ textTransform: \"capitalize\" }}\n              to={index === 0 ? \"/\" : `/${item}`}\n            >\n              {\" \"}\n              {item} /\n            </Link>\n          ))}\n        </div>\n        <Toggle />\n      </div>\n      {title && <h1 className=\"no-margin\">{title}</h1>}\n    </div>\n  );\n};\n\nexport default Header;\n","import React from \"react\";\nimport { graphql } from \"gatsby\";\nimport Header from \"../component/Header\";\nimport Glitter from \"../component/Glitter\";\nimport Seo from \"../component/SEO\";\n\nexport default function Template({ data }) {\n  const { markdownRemark } = data; // data.markdownRemark holds your post data\n  const { frontmatter, html } = markdownRemark;\n  return (\n    <>\n      <Seo\n        title={frontmatter.title}\n        description={frontmatter.preview}\n        article\n      />\n      <main className=\"with-padding\">\n        <Header nav={[\"blog\"]} />\n        <div className=\"blog-post\">\n          <div className=\"blog-post-header\">\n            <h1 className=\"no-margin\">{frontmatter.title}</h1>\n            <p className=\"no-margin\" style={{ fontSize: 16 }}>\n              {frontmatter.date} • {frontmatter.readingTime} mins read\n            </p>\n          </div>\n          <div className=\"blog-post-content\">\n            <div dangerouslySetInnerHTML={{ __html: html }} />\n            {frontmatter.url && (\n              <p>\n                Sourced from{\" \"}\n                <a rel=\"noreferrer\" target=\"_blank\" href={frontmatter.url}>\n                  dev.to\n                </a>{\" \"}\n                🧑‍💻 👩‍💻\n              </p>\n            )}\n          </div>\n        </div>\n      </main>\n      <Glitter noCloud />\n    </>\n  );\n}\n\nexport const pageQuery = graphql`\n  query ($id: String!) {\n    markdownRemark(id: { eq: $id }) {\n      html\n      frontmatter {\n        date(formatString: \"MMMM DD, YYYY\")\n        slug\n        title\n        commentsCount\n        reactionsCount\n        readingTime\n        url\n      }\n    }\n  }\n`;\n"],"sourceRoot":""}