import { withActions } from '@storybook/addon-actions/decorator';
import { withLinks } from '@storybook/addon-links';
import type { Meta, StoryObj } from '@storybook/svelte';

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

const meta = {
	title: 'Templates/Profile',
	component: Profile,
	tags: ['autodocs'],
	args: {
		sb: 'Templates/ImportProject'
	},
	argTypes: {
		onClick: { action: 'click' },
		data: { controls: 'object' },
		sb: { control: 'radio', options: ['Templates/ImportProject'] }
	},
	decorators: [withActions, withLinks]
} 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'
			}
		}
	}
};