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

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

const meta = {
	title: 'Atoms/DisplayName',
	component: DisplayName,
	tags: ['autodocs'],
	argTypes: {
		displayName: {
			control: 'text',
			description: 'Under which name shall the person be known?'
		},
		pronoun: {
			control: 'text',
			description: 'How shall the person be adressed?'
		}
	}
} satisfies Meta<DisplayName>;

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

export const Plain: Story = {
	args: {
		displayName: 'Jane Doe',
		pronoun: 'she/her'
	}
};