import React from 'react';
import { Story, Meta } from '@storybook/react';
import { Carousel } from '../../../react/src/components/Carousel';

export default {
    title: 'Components/Carousel',
    component: Carousel,
    parameters: {
        docs: {
            description: {
                story: 'A simple carousel component that displays a list of text items and allows navigation between them.',
            },
        },
    },
} as Meta;

const Template: Story<{}> = () => (
    <div style={{ height: '190px' }}>
        <Carousel />
    </div>
);

export const Default: Story<{}> = Template.bind({});
Default.args = {};