flashcards-example-project/src/components/profile/personal-information/personal-information.stories.tsx

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

import { PersonalInformation } from './'

const meta = {
    component: PersonalInformation,
    tags: ['autodocs'],
    title: 'Profile/Personal information',
} satisfies Meta<typeof PersonalInformation>

export default meta
type Story = StoryObj<typeof meta>

export const Default: Story = {
    args: {
        avatar: 'https://picsum.photos/200',
        email: 'your_email@domain.com',
        name: 'John Doe',
        onAvatarChange: () => {
            console.info('avatar changed')
        },
        onLogout: () => {
            console.info('logout')
        },
        onNameChange: () => {
            console.info('name changed')
        },
    },
}