import React from "react";
import { streamNotification } from "../components/stream-notification";
import { TeleportNotification } from "../components/stream-notification/teleport-notification";

export const StreamNotifications = {
  teleport: (params: {
    targetHandle: string;
    targetDID: string;
    countdown: number;
    canCancel: boolean;
    onDismiss?: (reason?: "user" | "auto") => void;
  }) => {
    streamNotification.show({
      id: "teleport",
      render: (isExiting, onDismiss, startTime) => {
        return React.createElement(TeleportNotification, {
          targetHandle: params.targetHandle,
          countdown: params.countdown,
          canCancel: params.canCancel,
          startTime: startTime,
          onDismiss: onDismiss,
        });
      },
      duration: 0, // manually dismissed by countdown or user cancel
      variant: "warning",
      onDismiss: params.onDismiss,
    });
  },

  teleportCancelled: () => {
    streamNotification.hide("teleport");
  },

  teleportNow: (targetHandle: string) => {
    streamNotification.show({
      id: "teleport-now",
      message: `Teleporting to @${targetHandle}...`,
      duration: 2,
      variant: "info",
    });
  },

  activate: (message: string) => {
    streamNotification.show({
      id: "stream-activate",
      message: message,
      duration: 3,
      variant: "info",
    });
  },
};