/**
 * The one way a form field shows its error: once, directly under the input,
 * linked for screen readers via `id` (pair with `aria-describedby`).
 */
export default function FieldError({ id, message }: { id?: string; message?: string | null }) {
  if (!message) return null;
  return (
    <p id={id} role="alert" className="mt-1 text-xs font-medium text-[#CC1414]">
      {message}
    </p>
  );
}