import React from 'react';
import Heading from '../Heading';

const HeadingSizes = () => (
  <>
    <Heading elementType="h2" size="xsmall">
      Heading xsmall
    </Heading>
    <Heading elementType="h2" size="small">
      Heading small
    </Heading>
    <Heading elementType="h2" size="medium">
      Heading medium
    </Heading>
    <Heading elementType="h2" size="large">
      Heading large
    </Heading>
    <Heading elementType="h2" size="xlarge">
      Heading xlarge
    </Heading>
  </>
);

export default HeadingSizes;
