import styled from '@emotion/styled';

import SentryDocumentTitle from 'sentry/components/sentryDocumentTitle';
import {space} from 'sentry/styles/space';

import {CreateProject} from './createProject';

function NewProject() {
  return (
    <SentryDocumentTitle>
      <Container>
        <div className="container">
          <Content>
            <CreateProject />
          </Content>
        </div>
      </Container>
    </SentryDocumentTitle>
  );
}

const Container = styled('div')`
  flex: 1;
  background: ${p => p.theme.background};
`;

const Content = styled('div')`
  margin-top: ${space(3)};
`;

export default NewProject;