MediaSFU ReactJS
    Preparing search index...

    Interface ConfirmExitModalOptions

    interface ConfirmExitModalOptions {
        isConfirmExitModalVisible: boolean;
        onConfirmExitClose: () => void;
        position?: "center" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight";
        backgroundColor?: string;
        exitEventOnConfirm?: (options: ConfirmExitOptions) => void;
        member: string;
        ban?: boolean;
        roomName: string;
        socket: Socket;
        islevel: string;
        title?: ReactNode;
        confirmLabel?: ReactNode;
        cancelLabel?: ReactNode;
        message?: ReactNode | ((context: { islevel: string }) => ReactNode);
        overlayProps?: HTMLAttributes<HTMLDivElement>;
        contentProps?: HTMLAttributes<HTMLDivElement>;
        headerProps?: HTMLAttributes<HTMLDivElement>;
        titleProps?: HTMLAttributes<HTMLHeadingElement>;
        closeButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
        closeIconComponent?: ReactNode;
        headerDividerProps?: HTMLAttributes<HTMLHRElement>;
        bodyProps?: HTMLAttributes<HTMLDivElement>;
        messageProps?: HTMLAttributes<HTMLParagraphElement>;
        footerProps?: HTMLAttributes<HTMLDivElement>;
        cancelButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
        confirmButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
        bodyDividerProps?: HTMLAttributes<HTMLHRElement>;
        renderHeader?: (
            options: {
                defaultHeader: ReactNode;
                title: ReactNode;
                onClose: () => void;
            },
        ) => ReactNode;
        renderBody?: (
            options: { defaultBody: ReactNode; message: ReactNode },
        ) => ReactNode;
        renderFooter?: (
            options: {
                defaultFooter: ReactNode;
                onCancel: () => void;
                onConfirm: () => void;
            },
        ) => ReactNode;
        renderHeaderDivider?: (options: { defaultDivider: ReactNode }) => ReactNode;
        renderBodyDivider?: (options: { defaultDivider: ReactNode }) => ReactNode;
        renderMessage?: (
            options: { defaultMessage: ReactNode; resolvedMessage: ReactNode },
        ) => ReactNode;
        renderContent?: (options: { defaultContent: ReactNode }) => ReactNode;
    }
    Index

    Properties

    isConfirmExitModalVisible: boolean
    onConfirmExitClose: () => void
    position?: "center" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight"
    backgroundColor?: string
    exitEventOnConfirm?: (options: ConfirmExitOptions) => void
    member: string
    ban?: boolean
    roomName: string
    socket: Socket
    islevel: string
    title?: ReactNode
    confirmLabel?: ReactNode
    cancelLabel?: ReactNode
    message?: ReactNode | ((context: { islevel: string }) => ReactNode)
    overlayProps?: HTMLAttributes<HTMLDivElement>
    contentProps?: HTMLAttributes<HTMLDivElement>
    headerProps?: HTMLAttributes<HTMLDivElement>
    titleProps?: HTMLAttributes<HTMLHeadingElement>
    closeButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>
    closeIconComponent?: ReactNode
    headerDividerProps?: HTMLAttributes<HTMLHRElement>
    bodyProps?: HTMLAttributes<HTMLDivElement>
    messageProps?: HTMLAttributes<HTMLParagraphElement>
    footerProps?: HTMLAttributes<HTMLDivElement>
    cancelButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>
    confirmButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>
    bodyDividerProps?: HTMLAttributes<HTMLHRElement>
    renderHeader?: (
        options: {
            defaultHeader: ReactNode;
            title: ReactNode;
            onClose: () => void;
        },
    ) => ReactNode
    renderBody?: (
        options: { defaultBody: ReactNode; message: ReactNode },
    ) => ReactNode
    renderFooter?: (
        options: {
            defaultFooter: ReactNode;
            onCancel: () => void;
            onConfirm: () => void;
        },
    ) => ReactNode
    renderHeaderDivider?: (options: { defaultDivider: ReactNode }) => ReactNode
    renderBodyDivider?: (options: { defaultDivider: ReactNode }) => ReactNode
    renderMessage?: (
        options: { defaultMessage: ReactNode; resolvedMessage: ReactNode },
    ) => ReactNode
    renderContent?: (options: { defaultContent: ReactNode }) => ReactNode