import type { Meta, StoryObj } from "@storybook/react";
import { GaugeCircular } from "./GaugeCircular";

const meta: Meta<typeof GaugeCircular> = {
  component: GaugeCircular,
  args: {
    percent: 35,
    color: "#12b981",
    bgColor: "#13141c",
  },
};

export default meta;

type Story = StoryObj<typeof GaugeCircular>;

const argTypes = {
  percent: {
    control: {
      type: "range",
      min: 0,
      max: 100,
    },
  },
  color: {
    control: "color",
  },
  bgColor: {
    control: "color",
  },
};

export const Primary: Story = {
  render: (args) => <GaugeCircular {...args} />,
  argTypes,
};