import { AnyFieldMeta } from "@tanstack/react-form";
import { ZodError } from "zod";

type FieldErrorsProps = {
    meta: AnyFieldMeta;
};

export const FieldErrors = ({ meta }: FieldErrorsProps) => {
    if (!meta.isTouched) return null;

    return meta.errors.map(({ message }: ZodError, index) => (
        <p key={index} className="text-sm font-medium text-destructive">
            {message}
        </p>
    ));
};