import { Input } from "@components/InputField/InputField";
import { Meta, StoryObj } from "@storybook/react";

const meta = {
    title: "Example/Input",
    component: Input,
    parameters: {
        layout: "centered",
    },
    tags: ["autodocs"],
    argTypes: {
        size: {
            control: { type: "select", options: ["small", "medium", "large"] },
        },
        color: {
            control: { type: "select", options: ["primary", "secondary"] },
        },
    },
} satisfies Meta<typeof Input>;

export default meta;
type Story = StoryObj<typeof meta>;

export const PasswordType: Story = {
    args: {
        type: "password",
        label: "First Name",
        color: "primary",
        size: "medium",
    },
};

export const Disabled = {
    args: {
        label: "Disabled",
        placeholder: "Disabled Field",
        disabled: true,
    },
};

export const Number: Story = {
    args: {
        type: "number",
        label: "phone number",
    },
};