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

/***
 * Basic Toggle component.
 */
const meta: Meta<typeof CustomToggler> = {
  title:'Components/CustomToggler/CustomToggler',
  component: CustomToggler,
};
 
export default meta;
type Story = StoryObj<typeof CustomToggler>;
 
export const CustomTogglerEx: Story = {
  render: (args) => {

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

    function handleChange() {
      updateArgs({checked: !checked});
    }

    return <CustomToggler {...args} onChange={handleChange}  />;
  },
  args: {
    smol: false,
    checked: true,
    onChange: () => console.log('clicked'),
  },
  argTypes: {
    onChange: {
        action: "onChange",
    },
  }
};