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


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

export default meta;

type Story = StoryObj<typeof meta>;

export const Success: Story = {
    args: {
        severity: "success",
        title: "Success Message",
        message: "This is an success alert",
        variant: "filled"
    },
};

export const Warning: Story = {
    args: {
        severity: "warning",
        title: "Warning Message",
        message: "This is an warning alert",
        variant: "filled"
    },
};

export const Error: Story = {
    args: {
        severity: "error",
        title: "Error Message",
        message: "This is an error alert",
        variant: "filled"
    },
};

// export const StandardSuccess: Story = {
//     args: {
//         message: "This is an success alert — check it out!",
//         title: "SUCCESS"
//     },
// };

// export const StandardError: Story = {
//     args: {
//         message: "This is an error alert — check it out!",
//         severity: "error",
//         title: "Error"
//     },
// };

// export const StandardWarning: Story = {
//     args: {
//         message: "This is an warning alert — check it out!",
//         severity: "warning",
//         title: "WARNING"
//     },
// };

// export const Info: Story = {
//     args: {
//         message: "This is an info alert — check it out!",
//         severity: "info",
//         title: "INFO"
//     },
// };

// export const NoTitle: Story = {
//     args: {
//         message: "This is an info alert — check it out!",
//         severity: "warning",
//     },
// };

// export const Outlined: Story = {
//     args: {
//         message: "This is an info success — check it out!",
//         severity: "success",
//         title: "SUCCESS",
//         variant: "outlined"
//     },
// };



// export const Square: Story = {
//     args: {
//         severity: "error",
//         variant: "filled",
//         title: "Error",
//     },
// };