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

import FormButtonAlt from '../../components/UI/FormButtonAlt/FormButtonAlt';
import {dividerClasses} from "@mui/material";

const meta = {
    title: 'Components/Misc-Buttons/FormButtonAlt',
    component: FormButtonAlt,
    argTypes: {
        containerWidth: {
            control: 'text'
        }
    }

} satisfies Meta<typeof FormButtonAlt> & {argTypes: Record<string, any>};

export default meta;

type Story = StoryObj<typeof meta> ;

export const FormButtonAltEx: Story = {
    render: (args) =>
        // @ts-ignore
        <div style={{width: args.containerWidth}}>
            <h2>This Buttons takes the width of its container, play with it in control ;)</h2>
            <FormButtonAlt {...args}/>
        </div>
    ,
    args: {
        buttonType: 'button',
        status: 'retry',
        isDisabled: false,
        isLoading: false,
        children: <div>Henlo</div>
    }
};