import type { FieldErrors } from "@/lib/booking-form-validation";

type Props = {
  errors: FieldErrors;
  fieldId: string;
};

export function BookingFieldError({ fieldId, errors }: Props) {
  const message = errors[fieldId];
  if (!message) return null;
  return (
    <p className="ferry-booking__field-error-msg" id={`${fieldId}-error`} role="alert">
      {message}
    </p>
  );
}

export function fieldInvalidClass(fieldId: string, errors: FieldErrors): string {
  return errors[fieldId] ? " is-invalid" : "";
}