import React from "react";
import { StoryLayout } from "../../../.storybook/StoryComponents";
import { Upload } from "./Upload";
import { ButtonDocs } from "./UploadDocs";
import { TUploadProps } from "./types";

export default {
  title: "Molecules/Upload",
  component: Upload,
  args: {
    fieldName: "Field name",
    description:
      "Файл может быть в формате jpg, png, gif и объемом не более 10 Мегабайт",
    action: "https://www.mocky.io/v2/5cc8019d300000980a055e76",
    defaultFileList: [
      {
        uid: "1",
        name: "xxx.png",
        status: "done",
        response: "Server Error 500", // custom error message to show
        url: "http://www.baidu.com/xxx.png",
      },
      {
        uid: "2",
        name: "yyy.png",
        status: "done",
        url: "http://www.baidu.com/yyy.png",
      },
      {
        uid: "3",
        name: "zzz.png",
        status: "error",
        response: "Server Error 500", // custom error message to show
        url: "http://www.baidu.com/zzz.png",
      },
    ],
  },
  parameters: {
    docs: {
      page: ButtonDocs,
    },
  },
};

export const Basic = (args: TUploadProps) => {
  return (
    <StoryLayout>
      <Upload {...args} />
    </StoryLayout>
  );
};

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