import {AppProviderComponent} from '../../../providers';
import {TabsComponent as Tabs} from './tabs.component';
import type {Meta, StoryObj} from '@storybook/react';
import React from 'react';

const meta: Meta<typeof Tabs> = {
    title: 'Molecules/Tabs',
    component: Tabs,
};

export default meta;

type Story = StoryObj<typeof Tabs>;

export const Default: Story = {
    render: (args) => (
        <Tabs {...args}>
            {[...Array(40)].map((_, index) => (
                <Tabs.Tab value={`${index}id`} key={index}>
                    {index + ' ' + 'Item'}
                </Tabs.Tab>
            ))}
        </Tabs>
    ),

    args: {
        variant: 'standard',
        activeColor: 'primary',
        buttonVariant: 'pale',
        value: '1id',
    },
};
