import React, { useState } from "react";
import { Title, Subtitle, Description } from "@storybook/addon-docs";
import { Toggle } from "../Toggle";
import { SwitchProps } from "antd";

export const ToggleDocs: React.FC<SwitchProps> = props => {
  const [toggle, setToggle] = useState<boolean>(true);

  return (
    <>
      <Title>Toggle</Title>
      <Subtitle>Toggle</Subtitle>
      <Description>Компонент для Toggle</Description>

      <div>
        <Toggle onChange={() => setToggle(!toggle)} />
      </div>
    </>
  );
};