import type {Meta, StoryObj} from "@storybook/react";
import GuideHelperAlt from "../../components/UI/GuideHelperAlt/GuideHelperAlt";
import FormButtonAlt from "../../components/UI/FormButtonAlt/FormButtonAlt";

const meta = {
    title: 'Components/GuideHelper/GuideHelperAlt',
    component: GuideHelperAlt,
    argTypes: {
        children: {
            control: "text"
        },
        containerWidth: {
            control: 'text'
        }
    }
} satisfies Meta<typeof GuideHelperAlt> & {argTypes: Record<string, any>};
export default meta;

type Story = StoryObj<typeof meta>;

export const GuideHelperAltEx: Story = {
        render: (args) =>
            // @ts-ignore
            <div style={{width: args.containerWidth}}>
                <h2>This Helper takes the width of its container, play with it in control ;)</h2>
                <GuideHelperAlt {...args}/>
            </div>
        ,
        args: {
            children: <p>This is some content tect etx</p>
        }
    }
;