import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
import { ToastContainer, toast } from "./toast.js";
const meta = {
    title: "Connect/Components/Toast",
    component: ToastContainer,
    decorators: [
        (Story) => (_jsxs(_Fragment, { children: [_jsx(ToastContainer, {}), _jsx("div", { className: "flex h-[300px] items-center justify-center", children: _jsx(Story, {}) })] })),
    ],
    argTypes: {
        content: { control: { type: "text" } },
        autoClose: { control: { type: "number" } },
        type: {
            control: { type: "select" },
            options: [
                "default",
                "info",
                "success",
                "warning",
                "error",
                "connect-success",
                "connect-warning",
                "connect-loading",
                "connect-deleted",
            ],
        },
        position: {
            control: { type: "select" },
            options: [
                "top-left",
                "top-center",
                "top-right",
                "bottom-left",
                "bottom-center",
                "bottom-right",
            ],
        },
    },
};
export default meta;
export const Default = {
    args: {
        type: "connect-success",
        content: "Hello World! 🤖",
        autoClose: 5000,
        // hideProgressBar: true,
    },
    render: (args) => {
        const { content, ...options } = args;
        return (_jsx("button", { className: "rounded-md bg-gray-800 px-4 py-2 text-white hover:bg-gray-900 active:opacity-80", onClick: () => toast(content, 
            // @ts-expect-error - storybook doesn't support the type
            options), children: "Trigger Toast" }));
    },
};
//# sourceMappingURL=toast.stories.js.map