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

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

      <StoryLayout>
        <Textarea
          rows={3}
          value={"1\n2\n3"}
          disabled={false}
          error={false}
          placeholder={"placeholder"}
        />
      </StoryLayout>
    </>
  );
};