import { Textarea } from "./Textarea";
import { StoryLayout } from "../../../.storybook/StoryComponents";
import { TextareaDocs } from "./TextareaDocs";
import { ITextareaProps } from "./types";
import React from "react";

export default {
  title: "Atoms/Textarea",
  component: Textarea,
  args: {
    disabled: false,
    mask: "None",
    error: false,
    placeholder: "Placeholder",
    value: "value",
  },
  parameters: {
    docs: {
      page: TextareaDocs,
    },
  },
};

export const Basic = (args: ITextareaProps) => {
  return (
    <StoryLayout>
      <Textarea
        rows={3}
        value={args.value}
        disabled={args.disabled}
        error={args.error}
        placeholder={args.placeholder}
      />
    </StoryLayout>
  );
};

Basic.parameters = {
  docs: {
    storyDescription: "Базовый пример использования компонента",
  },
};