import { Input } from '@/components/ui/input';
import React from 'react';

type InputFieldProps = React.InputHTMLAttributes<HTMLInputElement> & {
    isPassword?: boolean;
};

export function InputField(props: InputFieldProps) {
    return (
        <div className="rounded-[20px] border-violet border-[2px] h-[39px] flex items-center justify-between py-[10px] px-[20px]">
            <Input
                {...props}
                className={`w-full flex text-white placeholder:text-light-violet text-sm min-w-[270px] h-[19px] ${props.className ?? ''}`}
            />
        </div>
    );
}