import {Avatar, AvatarFallback, AvatarImage} from '../components/ui/avatar'

import type {StoryObj} from '@storybook/react-vite'

interface AvatarProps {
  src: 'https://github.com/shadcn.png'
  userInitials: string
}

const meta = {
  title: 'UI/Avatar',
  render: ({userInitials}: AvatarProps) => (
    <Avatar>
      <AvatarImage src="https://github.com/shadcn.png" />
      <AvatarFallback>{userInitials}</AvatarFallback>
    </Avatar>
  ),
  args: {
    className: 'size-12',
    src: 'https://github.com/shadcn.png',
    userInitials: 'CN',
  },
  tags: ['autodocs'],
}

export default meta
type Story = StoryObj<typeof meta>

export const Default: Story = {}
