import { FormDialog } from "@repo/shadcn-ui/components/form-dialog";
import { useTranslation } from "react-i18next";

import { CatalogFieldForm } from "./catalog-form";

export function CatalogFieldCreateDialog({
  scope,
  csrfToken,
  onSaved,
  onOpenChange,
}: {
  scope: string;
  csrfToken: string;
  onSaved: (id: string) => void;
  onOpenChange: (open: boolean) => void;
}) {
  const { t } = useTranslation("assets");

  return (
    <FormDialog
      cancelLabel={t("cancel")}
      formActions
      onOpenChange={onOpenChange}
      open
      title={t("newField")}
    >
      <p className="text-sm text-muted-foreground">{t("quickNotice")}</p>
      <CatalogFieldForm csrfToken={csrfToken} onSaved={onSaved} scope={scope} />
    </FormDialog>
  );
}