Interface PreJoinPageOptions

interface PreJoinPageOptions {
    localLink?: string;
    connectMediaSFU?: boolean;
    parameters: PreJoinPageParameters;
    credentials?: Credentials;
    returnUI?: boolean;
    noUIPreJoinOptions?: CreateMediaSFURoomOptions | JoinMediaSFURoomOptions;
    createMediaSFURoom?: CreateRoomOnMediaSFUType;
    joinMediaSFURoom?: JoinRoomOnMediaSFUType;
    containerProps?: HTMLAttributes<HTMLDivElement>;
    logoContainerProps?: HTMLAttributes<HTMLDivElement>;
    logoImageProps?: ImgHTMLAttributes<HTMLImageElement>;
    inputContainerProps?: HTMLAttributes<HTMLDivElement>;
    orContainerProps?: HTMLAttributes<HTMLDivElement>;
    orTextProps?: HTMLAttributes<HTMLSpanElement>;
    toggleContainerProps?: HTMLAttributes<HTMLDivElement>;
    toggleButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
    createButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
    joinButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
    createNameInputProps?: InputHTMLAttributes<HTMLInputElement>;
    durationInputProps?: InputHTMLAttributes<HTMLInputElement>;
    capacityInputProps?: InputHTMLAttributes<HTMLInputElement>;
    eventTypeSelectProps?: SelectHTMLAttributes<HTMLSelectElement>;
    joinNameInputProps?: InputHTMLAttributes<HTMLInputElement>;
    eventIdInputProps?: InputHTMLAttributes<HTMLInputElement>;
    errorProps?: HTMLAttributes<HTMLParagraphElement>;
    renderContainer?: (
        options: {
            defaultContainer: ReactNode;
            isCreateMode: boolean;
            error: string;
        },
    ) => ReactNode;
    renderLogo?: (options: { defaultLogo: ReactNode }) => ReactNode;
    renderCreateForm?: (
        options: {
            defaultContent: ReactNode;
            values: {
                name: string;
                duration: string;
                eventType: string;
                capacity: string;
            };
            submit: () => Promise<void>;
            setValues: {
                onNameChange: ChangeEventHandler<HTMLInputElement>;
                onDurationChange: ChangeEventHandler<HTMLInputElement>;
                onEventTypeChange: ChangeEventHandler<HTMLSelectElement>;
                onCapacityChange: ChangeEventHandler<HTMLInputElement>;
            };
        },
    ) => ReactNode;
    renderJoinForm?: (
        options: {
            defaultContent: ReactNode;
            values: { name: string; eventID: string };
            submit: () => Promise<void>;
            setValues: {
                onNameChange: ChangeEventHandler<HTMLInputElement>;
                onEventIDChange: ChangeEventHandler<HTMLInputElement>;
            };
        },
    ) => ReactNode;
    renderToggle?: (
        options: {
            defaultToggle: ReactNode;
            isCreateMode: boolean;
            toggle: () => void;
        },
    ) => ReactNode;
    renderError?: (
        options: { defaultError: ReactNode; error: string },
    ) => ReactNode;
    renderContent?: (
        options: {
            defaultContent: ReactNode;
            isCreateMode: boolean;
            error: string;
        },
    ) => ReactNode;
}