/**
 * Copyright (c) 2013-present, Facebook, Inc.
 *
 * @emails react-core
 * @flow
 */

import Container from 'components/Container';
import Header from 'components/Header';
import React from 'react';
import {sharedStyles} from 'theme';

const JsxCompiler = () => (
  <Container>
    <div css={sharedStyles.articleLayout.container}>
      <div css={sharedStyles.articleLayout.content}>
        <Header>JSX Compiler Service</Header>
        <div css={sharedStyles.markdown}>
          <p>
            <strong>
              This tool has been removed as JSXTransformer has been deprecated.
            </strong>
          </p>
          <p>
            We recommend using another tool such as{' '}
            <a href="https://babeljs.io/repl/">the Babel REPL</a>.
          </p>
        </div>
      </div>
    </div>
  </Container>
);

export default JsxCompiler;