import type { Meta, StoryObj } from "@storybook/react";
import { Avatar, AvatarFallback, AvatarImage } from "../src/index.js";

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

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

export const Fallback: Story = {
    render: () => (
        <Avatar>
            <AvatarFallback>管</AvatarFallback>
        </Avatar>
    ),
};

export const WithImage: Story = {
    render: () => (
        <Avatar>
            <AvatarImage src="https://github.com/shadcn.png" alt="头像" />
            <AvatarFallback>CN</AvatarFallback>
        </Avatar>
    ),
};