{"version":3,"sources":["webpack:///./src/templates/codepen-example.js"],"names":["primaryStyle","backgroundColor","colors","brand","color","black","padding","whiteSpace","transition","outline","border","cursor","white","display","fontSize","CodepenExample","_form","componentDidMount","this","submit","render","props","location","pageContext","action","payload","style","paddingBottom","ref","form","method","type","name","value","Component"],"mappings":"wLAoBMA,EAAe,CACnBC,gBAAiBC,IAAOC,MACxBC,MAAOF,IAAOG,MACdC,QAAS,YACTC,WAAY,SACZC,WAAY,iCACZC,QAAS,EACTC,OAAQ,OACRC,OAAQ,UAER,SAAU,CACRV,gBAAiBC,IAAOU,OAG1BC,QAAS,eACTC,SAAU,IAGNC,E,oJACJC,MAAgC,K,sCAEhCC,kBAAA,WACIC,KAAKF,MAA8BG,U,EAGvCC,OAAA,WAAU,IAAD,SACyBF,KAAKG,MAA9BC,EADA,EACAA,SAAUC,EADV,EACUA,YACVC,EAAmBD,EAAnBC,OAAQC,EAAWF,EAAXE,QAEf,OACE,gBAAC,IAAD,CAAQH,SAAUA,GAChB,gBAAC,IAAD,KACE,uDACA,wBACEI,MAAO,CAACC,cAAe,QACvBC,IAAK,SAAAC,GACH,EAAKb,MAAQa,GAEfL,OAAQA,EACRM,OAAO,QACP,yBAAOC,KAAK,SAASC,KAAK,OAAOC,MAAOR,IAExC,0DAEE,2BACA,2BACA,yBAAOC,MAAO1B,EAAc+B,KAAK,SAASE,MAAM,oB,GA5BjCC,aAqCdnB,a","file":"component---src-templates-codepen-example-js-3932ae4f8447dfb87d48.js","sourcesContent":["/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @flow\n */\n\nimport React, {Component} from 'react';\nimport Container from 'components/Container';\nimport Layout from 'components/Layout';\nimport {colors} from 'theme';\n\ntype Props = {\n  location: Location,\n  pageContext: {|\n    action: string,\n    payload: string,\n  |},\n};\n\n// Copied over styles from ButtonLink for the submit btn\nconst primaryStyle = {\n  backgroundColor: colors.brand,\n  color: colors.black,\n  padding: '10px 25px',\n  whiteSpace: 'nowrap',\n  transition: 'background-color 0.2s ease-out',\n  outline: 0,\n  border: 'none',\n  cursor: 'pointer',\n\n  ':hover': {\n    backgroundColor: colors.white,\n  },\n\n  display: 'inline-block',\n  fontSize: 16,\n};\n\nclass CodepenExample extends Component<Props> {\n  _form: HTMLFormElement | null = null;\n\n  componentDidMount() {\n    ((this._form: any): HTMLFormElement).submit();\n  }\n\n  render() {\n    const {location, pageContext} = this.props;\n    const {action, payload} = pageContext;\n\n    return (\n      <Layout location={location}>\n        <Container>\n          <h1>Redirecting to Codepen...</h1>\n          <form\n            style={{paddingBottom: '50px'}}\n            ref={form => {\n              this._form = form;\n            }}\n            action={action}\n            method=\"POST\">\n            <input type=\"hidden\" name=\"data\" value={payload} />\n\n            <p>\n              Not automatically redirecting?\n              <br />\n              <br />\n              <input style={primaryStyle} type=\"submit\" value=\"Click here\" />\n            </p>\n          </form>\n        </Container>\n      </Layout>\n    );\n  }\n}\n\nexport default CodepenExample;\n"],"sourceRoot":""}