import React from "react";
import { Title, Subtitle, Description } from "@storybook/addon-docs";
import { H1, H2, H3, H4 } from "../Typography";

export const HeaderDocs: React.VFC<{}> = props => {
  return (
    <>
      <Title>Header</Title>
      <Subtitle>Заголовки</Subtitle>
      <Description>
        Стили спользуются как в заголовках страниц, так и в мелких компонентах,
        таких как карточки и алерты
      </Description>

      <H1>Header/H1</H1>
      <H2>Header/H2</H2>
      <H3>Header/H3</H3>
      <H4>Header/H4</H4>
    </>
  );
};