import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { AlertCircle, Terminal } from 'lucide-react';
import { Alert, AlertDescription, AlertTitle } from './alert';
const meta = {
    title: 'Primitives/Alert',
    component: Alert,
    parameters: {
        layout: 'centered',
    },
    tags: ['autodocs'],
    argTypes: {
        variant: {
            control: 'select',
            options: ['default', 'destructive'],
        },
    },
};
export default meta;
export const Default = {
    render: () => (_jsxs(Alert, { className: "w-[400px]", children: [_jsx(Terminal, { className: "h-4 w-4" }), _jsx(AlertTitle, { children: "Heads up!" }), _jsx(AlertDescription, { children: "You can add components to your app using the cli." })] })),
};
export const Destructive = {
    render: () => (_jsxs(Alert, { variant: "destructive", className: "w-[400px]", children: [_jsx(AlertCircle, { className: "h-4 w-4" }), _jsx(AlertTitle, { children: "Error" }), _jsx(AlertDescription, { children: "Your session has expired. Please log in again." })] })),
};
export const WithoutIcon = {
    render: () => (_jsxs(Alert, { className: "w-[400px]", children: [_jsx(AlertTitle, { children: "Note" }), _jsx(AlertDescription, { children: "This is an alert without an icon. It still works great for simple notifications." })] })),
};
export const TitleOnly = {
    render: () => (_jsxs(Alert, { className: "w-[400px]", children: [_jsx(Terminal, { className: "h-4 w-4" }), _jsx(AlertTitle, { children: "A simple alert with just a title" })] })),
};
