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

Haz-un-react-hook-form,-zod-y-tambien-quiero-que-haya-dos-componentes,-un-componente-padre-que-es-el-que-maneja-el-formulario-y-sus-validaciones-y-luego-quiero-que-haya-un-componente-secundario-que-tome-cada-uno-de-los-inputs-y-muestre-los-errores-asociados-el-schema-debe-ser-const-formSchema-=-z.object({-nombre:-z.string().min(2,-'El-nombre-debe-tener-al-menos-2-caracteres'),-apellido:-z.string().min(2,-'El-apellido-debe-tener-al-menos-2-caracteres'),-dni:-z.string().regex(/^\d+$/,-'DNI/DNU-debe-contener-solo-números').min(7,-'DNI/DNU-inválido'),-direccion:-z.string().min(5,-'La-dirección-debe-tener-al-menos-5-caracteres'),-localidad:-z.string().min(3,-'La-localidad-debe-tener-al-menos-3-caracteres'),-provincia:-z.string().min(3,-'La-provincia-debe-tener-al-menos-3-caracteres'),-telefono:-z.string().regex(/^\d{10}$/,-'El-teléfono-debe-tener-exactamente-10-dígitos'),-email:-z.string().email('El-e-mail-no-es-válido'),-tarjeta4:-z.string().regex(/^\d{4}$/,-'Debe-ingresar-exactamente-4-números'),-codigoSeguridad:-z.string().regex(/^\d{3}$/,-'Debe-ingresar-exactamente-3-dígitos'),-cuentaTarjeta:-z.string().regex(/^\d{7}$/,-'La-cuenta-debe-tener-exactamente-7-dígitos'),-motivoBaja:-z.string().min(10,-'El-motivo-debe-tener-al-menos-10-caracteres'),-});