import { Slider } from "@components/Slider/Slider";
import type { Meta, StoryObj } from "@storybook/react";

const meta = {
    title: "Example/Slider",
    component: Slider,
    parameters: {
        layout: "centered",
    },
    tags: ["autodocs"],
    argTypes: {
        color: {
            defaultValue: "primary",
        },
    },
} satisfies Meta<typeof Slider>;

export default meta;

type Story = StoryObj<typeof meta>;

export const Primary: Story = {
    args: {
        helperText : "%",
    },
};

export const Tooltip: Story = {
    args: {
        helperText : "%",
        valueLabelDisplay: 'on'
    },
};

export const Disabled: Story = {
    args: {
        disabled: true,
        defaultValue: 50
    },
};

// export const Secondary: Story = {
//     args: {
//         color: "secondary",
//         helperText: "$",
//     },
// };

// export const Small: Story = {
//     args: {
//         size: "small",
//     },
// };


// export const Step: Story = {
//     args: {
//         step: 10
//     },
// };

// export const Marks: Story = {
//     args: {
//         marks: true,
//         step: 10
//     },
// };