import { Meta, StoryObj } from "@storybook/react";
import { InputWithLabel, } from "./Inputs";

import mail from "@/assets/mail.svg"
import lock from "@/assets/lock-closed.svg"

const meta = {
    title: "Input",
    component: InputWithLabel,

} satisfies Meta<typeof InputWithLabel>

export default meta;

type Story = StoryObj<typeof meta>;

export const CustomInput:Story = {
    args: {
        labelValue      : 'Custom Input',
        typeName        : 'Custom your Type of Input',
        placeHolderName : 'Custom your placeholder',
        srcIcon         : mail,
      },
}

export const EmailInput: Story = {
    args: {
        labelValue  :   'Email',
        typeName    :   'Email',
        placeHolderName: 'Input your Email',
        srcIcon     :   mail,
        
    }
};

export const PasswordInput: Story = {
    args: {
        labelValue  :   'Password',
        typeName    :   'Password',
        placeHolderName: 'Input your Password',
        srcIcon     :lock,
    }
};

