import Progress from ".";
import { ComponentStory, ComponentMeta } from "@storybook/react";
export default {
  title: "CommonComponents/Progress",
  component: Progress,
  argTypes: {
    variant: {
      options: ["determinate", "indeterminate"],
      control: { type: "radio" },
    },
    color: {
      options: [
        "inherit",
        "primary",
        "secondary",
        "success",
        "error",
        "info",
        "warning",
      ],
      control: { type: "radio" },
    },
    method: {
      options: ["label", "normal"],
      control: { type: "radio" },
    },
  },
} as ComponentMeta<typeof Progress>;

const Template: ComponentStory<typeof Progress> = (args) => (
  <Progress {...args} />
);

export const ProgressComponent = Template.bind({});

ProgressComponent.args = {
  disableShrink: false,
  variant: "indeterminate",
  thickness: 3.6,
  value: 40,
  sx: {
    "& .MuiBox-root": {},
  },
  color: "primary",
  size: 40,
  labelvalue: 50,
};