import type {Meta, StoryObj} from "@storybook/react";
import CustomCheckbox from "../../components/UI/Forms/CustomCheckbox/CustomCheckbox";
import {useArgs} from "@storybook/preview-api";


/**
 * remove is link from props :/
 */
const meta = {
    title: 'Components/Forms/CustomCheckbox',
    component: CustomCheckbox,

} satisfies Meta<typeof CustomCheckbox>;
export default meta;

type Story = StoryObj<typeof meta>;

export const CustomCheckboxEx: Story = {
    render: (args) => {

        const [{}, updateArgs] = useArgs();

        function handleChange(v:any) {
            updateArgs({checked:v });
        }

        return <CustomCheckbox {...args} onChange={handleChange}/>;
    },
    args: {
        label: 'Custom Checkbox',
        onChange: () => {}
    }
};