yaak-mountain-loop/src-web/lib/alert.ts

import type { AlertProps } from "../components/core/Alert";
import { Alert } from "../components/core/Alert";
import type { DialogProps } from "../components/core/Dialog";
import { showDialog } from "./dialog";

interface AlertArgs {
  id: string;
  title: DialogProps["title"];
  body: AlertProps["body"];
  size?: DialogProps["size"];
}

export function showAlert({ id, title, body, size = "sm" }: AlertArgs) {
  showDialog({
    id,
    title,
    hideX: true,
    size,
    disableBackdropClose: true, // Prevent accidental dismisses
    render: ({ hide }) => Alert({ onHide: hide, body }),
  });
}

export function showSimpleAlert(title: string, message: string) {
  showAlert({
    id: "simple-alert",
    body: message,
    title: title,
  });
}