import React, { useState } from "react";
import { ComponentStory } from "@storybook/react";
import { StoryLayout } from "../../../.storybook/StoryComponents";
import { Raiting } from "./Raiting";
import { RaitingDocs } from "./RaitingDocs";
import { RaitingProps, RaitingType } from "./types";

export default {
  title: "Atoms/Raiting",
  component: Raiting,
  parameters: {
    docs: {
      page: RaitingDocs,
    },
  },
};

export const Basic: ComponentStory<typeof Raiting> = args => {
  return (
    <StoryLayout>
      <Raiting {...args} />
    </StoryLayout>
  );
};

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

Basic.argTypes = {
  items: {
    defaultValue: 5,
  },
  currentValue: {
    defaultValue: 3,
  },
  isEditable: {
    defaultValue: true,
  },
  type: {
    defaultValue: Object.keys(RaitingType),
  },
};