import React from "react";
import { StoryLayout } from "../../../.storybook/StoryComponents";
import { Button } from "./Button";
import { ButtonDocs } from "./ButtonDocs";
import { TButtonProps } from "./types";

export default {
  title: "Atoms/Button",
  component: Button,
  args: {
    disabled: false,
    children: "button",
  },
  parameters: {
    docs: {
      page: ButtonDocs,
    },
  },
};

export const Basic = (args: TButtonProps) => {
  return (
    <StoryLayout>
      <Button disabled={args.disabled}>{args.children}</Button>
    </StoryLayout>
  );
};

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