import React from "react";
import { Title, Subtitle, Description } from "@storybook/addon-docs";
import { Checkbox } from "./Checkbox";
import { StoryLayout, StoryColumn } from "storybook/StoryComponents";

export const CheckboxDocs = () => {
  return (
    <>
      <Title>Checkbox</Title>
      <Subtitle>Checkbox</Subtitle>
      <Description>Компонент для Checkbox</Description>

      <StoryLayout>
        <StoryColumn>
          <Checkbox>Check me</Checkbox>
        </StoryColumn>
        <StoryColumn>
          <Checkbox checked={true}>Im checked</Checkbox>
        </StoryColumn>
        <StoryColumn>
          <Checkbox indeterminate={true} checked={true}>
            Im indeterminate
          </Checkbox>
        </StoryColumn>
      </StoryLayout>
    </>
  );
};