import React from "react";
import {
  Title,
  Subtitle,
  Description,
  Primary,
  ArgsTable,
  PRIMARY_STORY
} from "@storybook/addon-docs";
import { ListProps } from "../types";
import List from "../List";

export const HeaderDocs: React.FC<ListProps> = props => {
  const data = [
    "Racing car sprays burning fuel into crowd.",
    "Japanese princess to wed commoner.",
    "Australian walks 100km after outback crash.",
    "Man charged over missing wedding girl.",
    "Los Angeles battles huge wildfires.",
  ];

  return (
    <>
      <Title>List</Title>
      <Subtitle>Список</Subtitle>
      <Description>Компонент для отрисовки списка.</Description>

      <List bordered dataSource={data} />
      <Primary />
      <ArgsTable story={PRIMARY_STORY} />
    </>
  );
};