import type { Meta, StoryObj } from "@storybook/react";
import { Button, Toaster, toast } from "../src/index.js";

const meta = {
    title: "Basic/Toaster",
    component: Toaster,
    tags: ["autodocs"],
} satisfies Meta<typeof Toaster>;

export default meta;
type Story = StoryObj<typeof meta>;

export const Default: Story = {
    render: () => (
        <div className="flex flex-wrap gap-2">
            <Toaster position="top-center" />
            <Button
                onClick={() =>
                    toast.success("保存成功", {
                        description: "更改已写入本地状态。",
                    })
                }
            >
                成功 toast
            </Button>
            <Button
                variant="destructive"
                onClick={() =>
                    toast.error("操作失败", {
                        description: "请检查网络后重试。",
                    })
                }
            >
                失败 toast
            </Button>
        </div>
    ),
};