Configuration options for the ShareEventModal component.

ShareEventModalOptions

Modal Control:

interface ShareEventModalOptions {
    backgroundColor?: string;
    isShareEventModalVisible: boolean;
    onShareEventClose: (() => void);
    shareButtons?: boolean;
    position?:
        | "center"
        | "topLeft"
        | "topRight"
        | "bottomLeft"
        | "bottomRight";
    roomName: string;
    adminPasscode?: string;
    islevel?: string;
    eventType: EventType;
    localLink?: string;
    style?: object;
    renderContent?: ((options: {
        defaultContent: Element;
        dimensions: {
            width: number;
            height: number;
        };
    }) => Element);
    renderContainer?: ((options: {
        defaultContainer: Element;
        dimensions: {
            width: number;
            height: number;
        };
    }) => ReactNode);
}

Properties

backgroundColor?: string

Modal background color

isShareEventModalVisible: boolean

Controls modal visibility

onShareEventClose: (() => void)

Callback when modal is closed

Meeting Information:

shareButtons?: boolean

Whether to display social share buttons (copy link, QR code, etc.)

position?:
    | "center"
    | "topLeft"
    | "topRight"
    | "bottomLeft"
    | "bottomRight"

Modal position on screen

roomName: string

Room/meeting name to be shared with participants

adminPasscode?: string

Admin passcode for host access (shown only to hosts)

islevel?: string

User level ('0'=participant, '1'=co-host, '2'=host) - determines which credentials are shown

Sharing Options:

eventType: EventType

Type of event ('chat', 'broadcast', 'conference', 'webinar')

User Context:

localLink?: string

Optional local server link for sharing

Customization:

style?: object

Additional custom styles for modal container

Advanced Render Overrides:

renderContent?: ((options: {
    defaultContent: Element;
    dimensions: {
        width: number;
        height: number;
    };
}) => Element)

Custom render function for modal content

renderContainer?: ((options: {
    defaultContainer: Element;
    dimensions: {
        width: number;
        height: number;
    };
}) => ReactNode)

Custom render function for modal container