// @flow
import * as React from 'react';
import type { Location } from 'react-router-dom';
import Container from './Container';
import LoadingPlaceholder from 'components/LoadingPlaceholder';
import CenteredContent from 'components/CenteredContent';
import PageTitle from 'components/PageTitle';

type Props = {|
  location: Location,
|};

export default function Loading({ location }: Props) {
  return (
    <Container column auto>
      <PageTitle title={location.state ? location.state.title : 'Untitled'} />
      <CenteredContent>
        <LoadingPlaceholder />
      </CenteredContent>
    </Container>
  );
}