import React from "react";
import { Title, Subtitle, Description } from "@storybook/addon-docs";
import Link from "../Link";
import { LinkProps } from "../types";

export const HeaderDocs: React.FC<LinkProps> = props => {
  return (
    <>
      <Title>Link</Title>
      <Subtitle>Ссылка</Subtitle>
      <Description>
        Компонент для отрисовки ссылки. В качестве основы используется HTML
        элемент Anchor. Обозначает возможность перехода на другую страницу
      </Description>

      <div>
        <Link year="2020">Link 2020</Link>
      </div>
      <div>
        <Link year="2022">Link 2022</Link>
      </div>
    </>
  );
};