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


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

export default meta;

type Story = StoryObj<typeof meta>;

export const Default: Story = {
    args: {
        label1: "Reject",
        label2: "Approve",
        title: "Title will display here",
        content: "Content will display here",
        open: false,
    },
};

export const Small: Story = {
    args: {
        label1: "Reject",
        label2: "Approve",
        title: "Title will display here",
        content: "Content will display here",
        maxWidth: "sm",
        open: false,
        fullWidth: true,
    },
};

export const ExtraSmall: Story = {
    args: {
        label1: "Reject",
        label2: "Approve",
        title: "Title will display here",
        content: "Content will display here",
        maxWidth: "xs",
        open: false,
        fullWidth: true,
    },
};

export const Medium: Story = {
    args: {
        label1: "Reject",
        label2: "Approve",
        title: "Title will display here",
        content: "Content will display here",
        maxWidth: "md",
        open: false,
        fullWidth: true,
    },
};

export const Large: Story = {
    args: {
        label1: "Reject",
        label2: "Approve",
        title: "Title will display here",
        content: "Content will display here",
        maxWidth: "lg",
        open: false,
        fullWidth: true,
    },
};

export const ExtraLarge: Story = {
    args: {
        label1: "Reject",
        label2: "Approve",
        title: "Title will display here",
        content: "Content will display here",
        maxWidth: "xl",
        open: false,
        fullWidth: true,
    },
};

export const FullScreen: Story = {
    args: {
        label1: "Reject",
        label2: "Approve",
        title: "Title will display here",
        content: "Content will display here",
        maxWidth: "xl",
        open: false,
        fullScreen: true,

    },
};