import { useTranslation } from "react-i18next";

import { CatalogApiError } from "./catalog-api";

export function CatalogError({
  error,
  invalid = false,
}: {
  error?: Error | null | undefined;
  invalid?: boolean;
}) {
  const { t } = useTranslation("assets");
  if (!(error || invalid)) {
    return null;
  }
  return (
    <p className="text-sm text-destructive" role="alert">
      {t(
        `errors.${invalid ? "INVALID_REQUEST" : error instanceof CatalogApiError ? error.code : "INTERNAL_ERROR"}`
      )}
    </p>
  );
}