import React from 'react';
import { Heading } from '@digigov/ui/typography/Heading';

export const Default = (_: any) => (
  <>
    <Heading> ds-heading-xl </Heading>
    <Heading size="lg" element="h2">
      ds-heading-lg
    </Heading>
    <Heading size="md" element="h3">
      ds-heading-md
    </Heading>
    <Heading size="sm" element="h4">
      ds-heading-sm
    </Heading>
    <Heading size="xs" element="h5">
      ds-heading-xs
    </Heading>
  </>
);

export default Default;