Form Register - Copy this React, Tailwind Component to your project

import-{-useForm,-SubmitHandler-}-from-"react-hook-form";-type-formInputs-=-{-name:-string;-DNI:-string;-phone:-number;-mail:-string;-money:-number;-};-export-const-FormRegister-=-()-=>-{-const-{-register,-handleSubmit-}-=-useForm<formInputs>();-const-onSubmit:-SubmitHandler<formInputs>-=-(data)-=>-{-console.log(data);-};-return-(-<>-<form-className="flex-flex-col"-onSubmit={handleSubmit(onSubmit)}>-<label-htmlFor="name">Nombre-Completo</label>-<input-type="text"-{...register("name",-{-required:-true,-maxLength:-30-})}-/>-<label-htmlFor="DNI">Número-de-Cédula</label>-<input-type="number"-{...register("DNI",-{-required:-true,-minLength:-11,-maxLength:-11-})}-/>-<label-htmlFor="phone">Número-de-Teléfono</label>-<input-type="number"-{...register("phone",-{-required:-true,-minLength:-10,-maxLength:-10,-})}-/>-<label-htmlFor="mail">Email</label>-<input-type="email"-{...register("mail",{-required:true,-})}-/>-<label-htmlFor="money">Cantidad-del-Préstamo</label>-<input-type="number"-{...register("money")}-/>-<input-type="submit"-/>-</form>-</>-);-};