import { InputHTMLAttributes, ReactNode } from "react";

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

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