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

import Profile from '$lib/components/templates/Profile.svelte';

const meta = {
	title: 'Templates/Profile',
	component: Profile,
	tags: ['autodocs'],
	argTypes: {
		data: { controls: 'object' }
	}
} satisfies Meta<Profile>;

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

export const Plain: Story = {
	args: {
		data: {
			user: {
				avatar: '',
				created_at: new Date(),
				created_at_formatted: (function () {
					const locale = 'en-US';
					return new Intl.DateTimeFormat(locale).format(new Date());
				})(),
				created_with: 'Anvil',
				display_name: 'Jane Doe',
				instance: 'domain.example',
				pronoun: 'she/her',
				username: 'jane_doe'
			}
		}
	}
};