import { background } from "storybook/internal/theming";
import { Input } from "./Input";

export default {
  title: "Base/Input",
  component: Input,
  argTypes: {
    onChange: { action: "onChange" },
  },
};

export const Default = {
  args: {
    type: "text",
    placeholder: "Enter mobile number",
    variant: "inputbox",
  },
  render: (args) => (
    <div>
      <p>Without error message:</p>
      <Input {...args} />

      <p>With error message:</p>
      <Input
        {...args}
        isInvalid={true}
        errorMessage="This field is required"
      />
    </div>
  ),
};
