import { CustomDialog } from "@repo/rdx-ui/components";
import { useTranslation } from "../../../i18n";

type UnsavedChangesDialogProps = {
  open: boolean;
  onConfirm: (ok: boolean) => void;
};

export function UnsavedChangesDialog({ open, onConfirm }: UnsavedChangesDialogProps) {
  const { t } = useTranslation();

  const defaultTitle = t ? t("hooks.unsaved_changes_dialog.title") : "¿Descartar cambios?";
  const defaultDescription = t
    ? t("hooks.unsaved_changes_dialog.description")
    : "Tienes cambios sin guardar. Si sales de esta página, se perderán.";
  const defaultCancelLabel = t ? t("hooks.unsaved_changes_dialog.cancel") : "Seguir en esta página";
  const defaultConfirmLabel = t ? t("hooks.unsaved_changes_dialog.confirm") : "Descartar cambios";

  return (
    <CustomDialog
      open={open}
      onConfirm={onConfirm}
      title={defaultTitle}
      description={defaultDescription}
      confirmLabel={defaultConfirmLabel}
      cancelLabel={defaultCancelLabel}
    />
  );
}
