import {ButtonGroupComponent as ButtonGroup} from './button-group.component';
import type {Meta, StoryObj} from '@storybook/react';
import React from 'react';

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

type Story = StoryObj<typeof ButtonGroup>;

export const Default: Story = {
    render: (args) => <ButtonGroup {...args} data-testid='button-group' />,
    args: {
        children: [
            <ButtonGroup.Button key={1}>1</ButtonGroup.Button>,
            <ButtonGroup.Button key={2}>2</ButtonGroup.Button>,
            <ButtonGroup.Button key={3}>3</ButtonGroup.Button>,
            <ButtonGroup.Button key={4}>4</ButtonGroup.Button>,
            <ButtonGroup.Button key={5}>5</ButtonGroup.Button>,
            <ButtonGroup.Button key={6}>6</ButtonGroup.Button>,
        ],
    },
};