MediaSFU ReactJS
    Preparing search index...

    Interface ShareEventModalOptions

    interface ShareEventModalOptions {
        backgroundColor?: string;
        isShareEventModalVisible: boolean;
        onShareEventClose: () => void;
        shareButtons?: boolean;
        position?: "topLeft" | "topRight" | "bottomLeft" | "bottomRight";
        roomName: string;
        adminPasscode?: string;
        islevel?: string;
        eventType: EventType;
        localLink?: string;
        overlayProps?: HTMLAttributes<HTMLDivElement>;
        contentProps?: HTMLAttributes<HTMLDivElement>;
        headerProps?: HTMLAttributes<HTMLDivElement>;
        closeButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
        closeIcon?: ReactNode;
        closeIconProps?: Partial<FontAwesomeIconProps>;
        dividerProps?: HTMLAttributes<HTMLHRElement>;
        bodyProps?: HTMLAttributes<HTMLDivElement>;
        meetingPasscodeWrapperProps?: HTMLAttributes<HTMLDivElement>;
        meetingPasscodeComponentProps?: Partial<MeetingPasscodeComponentOptions>;
        meetingIdWrapperProps?: HTMLAttributes<HTMLDivElement>;
        meetingIdComponentProps?: Partial<MeetingIdComponentOptions>;
        shareButtonsWrapperProps?: HTMLAttributes<HTMLDivElement>;
        shareButtonsComponentProps?: Partial<ShareButtonsComponentOptions>;
        renderHeader?: (
            options: { defaultHeader: ReactNode; closeButton: ReactNode },
        ) => ReactNode;
        renderCloseButton?: (
            options: { defaultCloseButton: ReactNode; onClose: () => void },
        ) => ReactNode;
        renderDivider?: (options: { defaultDivider: ReactNode }) => ReactNode;
        renderMeetingPasscode?: (
            options: {
                defaultMeetingPasscode: ReactNode;
                adminPasscode?: string;
                isHost: boolean;
            },
        ) => ReactNode;
        renderMeetingId?: (
            options: { defaultMeetingId: ReactNode; roomName: string },
        ) => ReactNode;
        renderShareButtons?: (
            options: { defaultShareButtons: ReactNode; hasShareButtons: boolean },
        ) => ReactNode;
        renderBody?: (
            options: {
                defaultBody: ReactNode;
                meetingPasscode: ReactNode;
                meetingId: ReactNode;
                shareButtons: ReactNode;
            },
        ) => ReactNode;
        renderContent?: (options: { defaultContent: ReactNode }) => ReactNode;
        isDarkMode?: boolean;
        enableGlassmorphism?: boolean;
        renderMode?: ModalRenderMode;
    }
    Index

    Properties

    backgroundColor?: string
    isShareEventModalVisible: boolean
    onShareEventClose: () => void
    shareButtons?: boolean
    position?: "topLeft" | "topRight" | "bottomLeft" | "bottomRight"
    roomName: string
    adminPasscode?: string
    islevel?: string
    eventType: EventType
    localLink?: string
    overlayProps?: HTMLAttributes<HTMLDivElement>
    contentProps?: HTMLAttributes<HTMLDivElement>
    headerProps?: HTMLAttributes<HTMLDivElement>
    closeButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>
    closeIcon?: ReactNode
    closeIconProps?: Partial<FontAwesomeIconProps>
    dividerProps?: HTMLAttributes<HTMLHRElement>
    bodyProps?: HTMLAttributes<HTMLDivElement>
    meetingPasscodeWrapperProps?: HTMLAttributes<HTMLDivElement>
    meetingPasscodeComponentProps?: Partial<MeetingPasscodeComponentOptions>
    meetingIdWrapperProps?: HTMLAttributes<HTMLDivElement>
    meetingIdComponentProps?: Partial<MeetingIdComponentOptions>
    shareButtonsWrapperProps?: HTMLAttributes<HTMLDivElement>
    shareButtonsComponentProps?: Partial<ShareButtonsComponentOptions>
    renderHeader?: (
        options: { defaultHeader: ReactNode; closeButton: ReactNode },
    ) => ReactNode
    renderCloseButton?: (
        options: { defaultCloseButton: ReactNode; onClose: () => void },
    ) => ReactNode
    renderDivider?: (options: { defaultDivider: ReactNode }) => ReactNode
    renderMeetingPasscode?: (
        options: {
            defaultMeetingPasscode: ReactNode;
            adminPasscode?: string;
            isHost: boolean;
        },
    ) => ReactNode
    renderMeetingId?: (
        options: { defaultMeetingId: ReactNode; roomName: string },
    ) => ReactNode
    renderShareButtons?: (
        options: { defaultShareButtons: ReactNode; hasShareButtons: boolean },
    ) => ReactNode
    renderBody?: (
        options: {
            defaultBody: ReactNode;
            meetingPasscode: ReactNode;
            meetingId: ReactNode;
            shareButtons: ReactNode;
        },
    ) => ReactNode
    renderContent?: (options: { defaultContent: ReactNode }) => ReactNode
    isDarkMode?: boolean

    Theme control - whether dark mode is active

    enableGlassmorphism?: boolean

    Enable glassmorphism effects (modern UI)

    renderMode?: ModalRenderMode

    Render mode: modal (default overlay), sidebar (inline for desktop), inline (no wrapper)