import { DetailedHTMLProps, InputHTMLAttributes, ReactNode } from 'react';

interface FormTextInputProps extends InputHTMLAttributes<HTMLInputElement> {
  error: any;
  Svg: ReactNode;
  children?: ReactNode;
}

export const FormTextInput = ({
  error,
  Svg,
  children,
  ...props
}: FormTextInputProps) => {
  return (
    <>
      <label className="input input-bordered flex items-center gap-2">
        {children}
        <input {...props} />
      </label>
      <p className="text-error">{error}</p>
    </>
  );
};