// @flow
import React from 'react';
import type { PageTitleProps } from './page-title.proptypes';
import { Head1 } from '../head';
import { Box } from '../../../primitives/box';

export const PageTitle = ({ children }: PageTitleProps) => (
  <Box spacing="pv5">
    <Head1>{children}</Head1>
  </Box>
);

PageTitle.displayName = 'PageTitle';
