import React from "react";
import { Meta, Story } from "@storybook/react";
import { AtomToggle, IToggleProps } from "native/atoms/Toggle";

const meta: Meta = {
  title: "React Native/atoms/Toggle",
  component: AtomToggle,
  argTypes: {},
  parameters: {
    controls: { expanded: true },
  },
};

export default meta;

const TemplateToggle: Story<IToggleProps> = (props) => (
  <AtomToggle {...props} />
);

export const Toggle = TemplateToggle.bind({});

Toggle.args = {
  isChecked: false,
  disabled: false,
  labelText: "",
  onText: "On",
  offText: "Off",
  size: "xs",
  onToggle: () => {},
};
