{"version":3,"file":"component---src-pages-index-tsx-96188fc57770f2406754.js","mappings":"gKAIMA,EAAa,CACjBC,MAAO,UACPC,QAAS,GACTC,WAAY,4CAERC,EAAgB,CACpBC,UAAW,EACXC,aAAc,GACdC,SAAU,KAENC,EAAsB,CAC1BP,MAAO,WAEHQ,EAAkB,CACtBH,aAAc,IAEVI,EAAa,CACjBT,MAAO,UACPC,QAAS,EACTS,gBAAiB,UACjBC,SAAU,UACVC,aAAc,GA6DhB,UAzDkB,WAChB,MAA0BC,EAAAA,WAAiBC,EAAAA,SAAnCC,EAAR,EAAQA,KAAMC,EAAd,EAAcA,QAEd,OACE,wBAAMC,MAAOlB,GACX,0CACA,sBAAIkB,MAAOd,GAAX,kBAEE,2BACA,wBAAMc,MAAOV,GAAb,mCACA,wBAAMW,KAAK,MAAM,aAAW,uBAA5B,WAIF,qBAAGD,MAAOT,GAAV,QACO,wBAAMS,MAAOR,GAAb,sBADP,yCAEuB,IACrB,wBAAMS,KAAK,MAAM,aAAW,2BAA5B,OAIF,yBACE,2BACGH,EACC,gCACE,2BACE,uBACEI,IAAKJ,EAAKK,WACVC,IAAI,cACJC,MAAM,OACNC,OAAO,OACPN,MAAO,CAAEL,aAAa,UAExB,8BAASG,EAAKS,OAEhB,2BACE,0BAAQC,QAAS,kBAAMT,EAAQ,QAA/B,YAIJ,qBAAGU,KAAMC,uCAAT,WAIN,yBACE,qBAAGD,KAAK,uDAAR,eAIF,uBACEL,IAAI,gBACJF,IAAI","sources":["webpack://gatsby-cloudflare-rs/./src/pages/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport PageContext from '../contexts/PageContext';\n\n// styles\nconst pageStyles = {\n  color: '#232129',\n  padding: 96,\n  fontFamily: '-apple-system, Roboto, sans-serif, serif',\n};\nconst headingStyles = {\n  marginTop: 0,\n  marginBottom: 64,\n  maxWidth: 320,\n};\nconst headingAccentStyles = {\n  color: '#663399',\n};\nconst paragraphStyles = {\n  marginBottom: 48,\n};\nconst codeStyles = {\n  color: '#8A6534',\n  padding: 4,\n  backgroundColor: '#FFF4DB',\n  fontSize: '1.25rem',\n  borderRadius: 4,\n};\n\n// markup\nconst IndexPage = () => {\n  const { user, setUser } = React.useContext(PageContext);\n\n  return (\n    <main style={pageStyles}>\n      <title>Home Page</title>\n      <h1 style={headingStyles}>\n        Congratulations\n        <br />\n        <span style={headingAccentStyles}>— you just made a Gatsby site! </span>\n        <span role=\"img\" aria-label=\"Party popper emojis\">\n          🎉🎉🎉\n        </span>\n      </h1>\n      <p style={paragraphStyles}>\n        Edit <code style={codeStyles}>src/pages/index.js</code> to see this page\n        update in real-time.{' '}\n        <span role=\"img\" aria-label=\"Sunglasses smiley emoji\">\n          😎\n        </span>\n      </p>\n      <p>\n        <div>\n          {user ? (\n            <>\n              <div>\n                <img\n                  src={user.avatar_url}\n                  alt=\"User avatar\"\n                  width=\"32px\"\n                  height=\"32px\"\n                  style={{ borderRadius: `16px` }}\n                />\n                <strong>{user.name}</strong>\n              </div>\n              <div>\n                <button onClick={() => setUser(null)}>Logout</button>\n              </div>\n            </>\n          ) : (\n            <a href={process.env['GATSBY_GITHUB_API']}>Login</a>\n          )}\n        </div>\n      </p>\n      <p>\n        <a href=\"https://github.com/SeokminHong/gatsby-cloudflare-rs\">\n          Repository\n        </a>\n      </p>\n      <img\n        alt=\"Gatsby G Logo\"\n        src=\"data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2a10 10 0 110 20 10 10 0 010-20zm0 2c-3.73 0-6.86 2.55-7.75 6L14 19.75c3.45-.89 6-4.02 6-7.75h-5.25v1.5h3.45a6.37 6.37 0 01-3.89 4.44L6.06 9.69C7 7.31 9.3 5.63 12 5.63c2.13 0 4 1.04 5.18 2.65l1.23-1.06A7.959 7.959 0 0012 4zm-8 8a8 8 0 008 8c.04 0 .09 0-8-8z' fill='%23639'/%3E%3C/svg%3E\"\n      />\n    </main>\n  );\n};\n\nexport default IndexPage;\n"],"names":["pageStyles","color","padding","fontFamily","headingStyles","marginTop","marginBottom","maxWidth","headingAccentStyles","paragraphStyles","codeStyles","backgroundColor","fontSize","borderRadius","React","PageContext","user","setUser","style","role","src","avatar_url","alt","width","height","name","onClick","href","process"],"sourceRoot":""}