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


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

export default meta;

type Story = StoryObj<typeof meta>;

export const Default: Story = {
    args: {
        isDashed: false
    },
};

export const Vertical: Story = {
    args: {
        orientation: "vertical"
    },
};

export const Dashed: Story = {
    args: {
        isDashed: true
    },
};

export const verticalDashed: Story = {
    args: {
        isDashed: true,
        orientation: "vertical"
    },
};

// export const Absolute: Story = {
//     args: {
//         absolute: true
//     },
// };

// export const Light: Story = {
//     args: {
//         light: true
//     },
// };

// export const Middle: Story = {
//     args: {
//         variant: "middle"
//     },
// };

// export const Inset: Story = {
//     args: {
//         variant: "inset"
//     },
// };