import type { Meta, StoryObj } from '@storybook/svelte';

import Avatar from '$lib/components/atoms/Avatar.svelte';

const meta = {
	title: 'Atoms/Avatar',
	component: Avatar,
	tags: ['autodocs'],
	argTypes: {
		avatar: { control: 'text' },
		displayName: { control: 'text' }
	}
} satisfies Meta<Avatar>;

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

export const Plain: Story = {
	args: {
		displayName: 'Jane Doe'
	}
};