import { ContextHelp } from "@repo/rdx-ui/components/context-help";
import { FormHelp } from "@repo/rdx-ui/components/form-help";
import { useTranslation } from "react-i18next";

import type { HelpKind } from "../../shared/i18n";

export function EntityHelp({
  kind,
  scope,
  placement = "body",
}: {
  kind: HelpKind;
  scope?: string;
  placement?: "body" | "footer";
}) {
  const { t } = useTranslation("access");
  const catalogue = ["system", "resource_type", "permission", "template"].includes(kind);

  const Help = placement === "footer" ? FormHelp : ContextHelp;

  return (
    <Help
      description={t(`helpContent.${kind}.description`)}
      examples={t(`helpContent.${kind}.examples`)}
      examplesLabel={t("helpExamples")}
      guidance={t(`helpContent.${kind}.guidance`)}
      scopeNote={
        catalogue && scope
          ? t(scope === "global" ? "helpGlobalScope" : "helpCompanyScope")
          : undefined
      }
      title={t("helpTitle")}
    />
  );
}