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

import { Carousel } from '.'

const meta = {
    title: 'Carousel',
    component: Carousel,
    tags: ['autodocs'],
} satisfies Meta<typeof Carousel>

export default meta
type Story = StoryObj<typeof meta>

export const Default: Story = {
    args: {
        items: new Array(6).fill(0).map((_, i) => ({
            value: (
                <img src={`https://placekitten.com/200/${(i + 2) * 50}`}></img>
            ),
            label: `Cat ${i + 1}`,
        })),
    },
}