{"version":3,"sources":["webpack:///./src/components/PageTitle.tsx","webpack:///./src/pages/signup.tsx"],"names":["useStyles","makeStyles","theme","createStyles","title","textAlign","marginBottom","spacing","PageTitle","props","classes","className","root","alignItems","finePrint","fontSize","margin","description","SignUp","path","content","first","last","href"],"mappings":"4FAAA,wCAIMA,EAAYC,aAAW,SAACC,GAAD,OACzBC,YAAa,CACTC,MAAO,CACHC,UAAW,SACXC,aAAcJ,EAAMK,QAAQ,SAkBzBC,IAT6B,SAACC,GACzC,IAAMC,EAAUV,IAChB,OACI,2BACI,sBAAIW,UAAWD,EAAQN,OAAQK,EAAML,U,kCCrBjD,oHASMJ,EAAYC,aAAW,SAACC,GAAD,OACzBC,YAAa,CACTS,KAAM,CACFC,WAAY,SACZR,UAAW,UAEfS,UAAW,CACPC,SAAU,WACVC,OAAQ,QAMdC,EAAc,6CA4BLC,UA1BqB,SAACT,GACjC,IAAMC,EAAUV,IAEhB,OACI,kBAAC,IAAD,KACI,kBAAC,IAAD,CAAKI,MARH,UAQiBa,YAAaA,EAAaE,KAAMV,EAAMU,OACzD,kBAAC,IAAD,CAASC,SAAO,EAACC,OAAK,EAACC,MAAI,GACvB,kBAAC,IAAD,CAAWlB,MAVb,YAWE,yBAAKO,UAAWD,EAAQE,MACpB,2BAAIK,GACJ,kBAAC,IAAD,MACA,uBAAGN,UAAWD,EAAQI,WAAtB,2CAC6C,IACzC,uBAAGS,KAAK,uCAAR,WAEK,IAJT,MAKQ,IACJ,uBAAGA,KAAK,qCAAR,SAAsD,IAN1D","file":"component---src-pages-signup-tsx-613231c821e3b2a683ea.js","sourcesContent":["import { createStyles, makeStyles, Theme } from \"@material-ui/core/styles\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport * as React from \"react\";\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n    createStyles({\r\n        title: {\r\n            textAlign: \"center\",\r\n            marginBottom: theme.spacing(4),\r\n        },\r\n    })\r\n);\r\n\r\ninterface PageTitleProps {\r\n    title: string;\r\n}\r\n\r\nconst PageTitle: React.FC<PageTitleProps> = (props) => {\r\n    const classes = useStyles();\r\n    return (\r\n        <div>\r\n            <h1 className={classes.title}>{props.title}</h1>\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default PageTitle;\r\n","import { createStyles, makeStyles, Theme } from \"@material-ui/core/styles\";\r\nimport { Link, PageProps } from \"gatsby\";\r\nimport React from \"react\";\r\nimport Layout from \"../components/Layout\";\r\nimport PageTitle from \"../components/PageTitle\";\r\nimport Section from \"../components/Section\";\r\nimport SEO from \"../components/Seo\";\r\nimport SignUpFormControl from \"../components/SignUpFormControl\";\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n    createStyles({\r\n        root: {\r\n            alignItems: \"center\",\r\n            textAlign: \"center\",\r\n        },\r\n        finePrint: {\r\n            fontSize: \"0.875rem\",\r\n            margin: 0,\r\n        },\r\n    })\r\n);\r\n\r\nconst title = \"Join me\";\r\nconst description = \"Get full articles delivered to your inbox.\";\r\n\r\nconst SignUp: React.FC<PageProps> = (props) => {\r\n    const classes = useStyles();\r\n\r\n    return (\r\n        <Layout>\r\n            <SEO title={title} description={description} path={props.path} />\r\n            <Section content first last>\r\n                <PageTitle title={title} />\r\n                <div className={classes.root}>\r\n                    <p>{description}</p>\r\n                    <SignUpFormControl />\r\n                    <p className={classes.finePrint}>\r\n                        Form is protected by reCAPTCHA. Google's{\" \"}\r\n                        <a href=\"https://policies.google.com/privacy\">\r\n                            Privacy\r\n                        </a>{\" \"}\r\n                        and{\" \"}\r\n                        <a href=\"https://policies.google.com/terms\">Terms</a>{\" \"}\r\n                        apply.\r\n                    </p>\r\n                </div>\r\n            </Section>\r\n        </Layout>\r\n    );\r\n};\r\n\r\nexport default SignUp;\r\n"],"sourceRoot":""}