import type {Meta, StoryObj} from '@storybook/react';
import InfoBox from '../../components/UI/InfoBox/InfoBox';
import cabinet from '../../assets/images/file-cabinet.svg'
import contract from '../../assets/images/contract-file.svg'
import gear from '../../assets/images/gear.svg';

const meta: Meta<typeof InfoBox> = {
    title: 'Components/InfoBox/InfoBox',
    component: InfoBox,
    decorators: [
        (Story) => (
            <div style={{paddingTop: '5rem', width: '400px'}}>
                <Story/>
            </div>
        ),
    ],
    argTypes: {
        icon: {
            control: {
                type: "select",
            }
            ,

            options: {
              // @ts-ignore
              'cabinet': cabinet,
              'contract': contract,
              'gear': gear,
            },
        }
    }
};

export default meta;
type Story = StoryObj<typeof InfoBox>;

export const InfoBoxEx: Story = {
    args: {
        icon: cabinet,
        title: 'Preview Title',
      children: <p>40</p>,
        split: false
    },
};