/**
 * @file ConfirmHost.tsx
 * @description Renders the one pending `confirmDialog()` from `lib/confirm.ts`
 * through `ConfirmModal`. Mounted once in `App.tsx`.
 * @author Nguyễn Ngọc Trí Vĩ <vinnt@smartgift.vn>
 */

import { useEffect, useState } from "react";
import { useTranslation } from "react-i18next";
import { ConfirmModal } from "./ConfirmModal";
import { settleConfirm, subscribeConfirm, type PendingConfirm } from "../lib/confirm";

const cancel = () => settleConfirm(false);
const confirm = () => settleConfirm(true);

/** The single host for `confirmDialog()`. */
export function ConfirmHost() {
  const { t } = useTranslation("common");
  const [p, setP] = useState<PendingConfirm | null>(null);
  useEffect(() => subscribeConfirm(setP), []);
  return (
    <ConfirmModal
      open={p !== null}
      title={p?.title ?? ""}
      message={p?.message}
      confirmLabel={p?.confirmLabel ?? t("confirm")}
      cancelLabel={p?.cancelLabel ?? t("cancel")}
      destructive={p?.destructive ?? true}
      onConfirm={confirm}
      onCancel={cancel}
    />
  );
}