import { forwardRef, type InputHTMLAttributes } from 'react';

import { cn } from '@admin/lib/utils';

import { inputClassName } from './field-styles';

export const Input = forwardRef<HTMLInputElement, InputHTMLAttributes<HTMLInputElement>>(
    ({ className, ...props }, ref) => {
        return <input ref={ref} className={cn(inputClassName, className)} {...props} />;
    },
);

Input.displayName = 'Input';