{"version":3,"sources":["webpack:///./src/pages/jsx-compiler.html.js","webpack:///./src/components/Header/index.js","webpack:///./src/components/Header/Header.js"],"names":["JsxCompiler","location","css","sharedStyles","articleLayout","container","content","markdown","href","Header","children","color","colors","dark","marginRight","fonts","header"],"mappings":"8FAAA,mFAyCeA,UAxBK,SAAC,GAAD,IAAEC,EAAF,EAAEA,SAAF,OAClB,gBAAC,IAAD,CAAQA,SAAUA,GAChB,gBAAC,IAAD,KACE,uBAAKC,IAAKC,IAAaC,cAAcC,WACnC,uBAAKH,IAAKC,IAAaC,cAAcE,SACnC,gBAAC,IAAD,6BACA,uBAAKJ,IAAKC,IAAaI,UACrB,yBACE,oGAKF,mEAC0C,IACxC,qBAAGC,KAAK,2BAAR,kBAFF,Y,wDC9BZ,gBAQeC,MAAf,G,mFCeeA,IAXA,SAAC,GAAD,IAAEC,EAAF,EAAEA,SAAF,OACb,sBACER,IAAG,eACDS,MAAOC,IAAOC,KACdC,YAAa,MACVC,IAAMC,SAEVN,M","file":"component---src-pages-jsx-compiler-html-js-9375e47f015bc289e845.js","sourcesContent":["/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @emails react-core\n * @flow\n */\n\nimport Layout from 'components/Layout';\nimport Container from 'components/Container';\nimport Header from 'components/Header';\nimport React from 'react';\nimport {sharedStyles} from 'theme';\n\ntype Props = {\n  location: Location,\n};\n\nconst JsxCompiler = ({location}: Props) => (\n  <Layout location={location}>\n    <Container>\n      <div css={sharedStyles.articleLayout.container}>\n        <div css={sharedStyles.articleLayout.content}>\n          <Header>JSX Compiler Service</Header>\n          <div css={sharedStyles.markdown}>\n            <p>\n              <strong>\n                This tool has been removed as JSXTransformer has been\n                deprecated.\n              </strong>\n            </p>\n            <p>\n              We recommend using another tool such as{' '}\n              <a href=\"https://babeljs.io/repl\">the Babel REPL</a>.\n            </p>\n          </div>\n        </div>\n      </div>\n    </Container>\n  </Layout>\n);\n\nexport default JsxCompiler;\n","/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @emails react-core\n */\n\nimport Header from './Header';\n\nexport default Header;\n","/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @emails react-core\n * @flow\n */\n\nimport React from 'react';\nimport {colors, fonts} from 'theme';\n\nimport type {Node} from 'react';\n\nconst Header = ({children}: {children: Node}) => (\n  <h1\n    css={{\n      color: colors.dark,\n      marginRight: '5%',\n      ...fonts.header,\n    }}>\n    {children}\n  </h1>\n);\n\nexport default Header;\n"],"sourceRoot":""}