Interface BreakoutRoomsModalOptions

interface BreakoutRoomsModalOptions {
    isVisible: boolean;
    onBreakoutRoomsClose: () => void;
    parameters: BreakoutRoomsModalParameters;
    position?: "topLeft" | "topRight" | "bottomLeft" | "bottomRight";
    backgroundColor?: string;
    title?: ReactNode;
    overlayProps?: HTMLAttributes<HTMLDivElement>;
    contentProps?: HTMLAttributes<HTMLDivElement>;
    headerProps?: HTMLAttributes<HTMLDivElement>;
    titleProps?: HTMLAttributes<HTMLHeadingElement>;
    closeButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
    closeIconComponent?: ReactNode;
    headerDividerProps?: HTMLAttributes<HTMLHRElement>;
    bodyProps?: HTMLAttributes<HTMLDivElement>;
    controlsWrapperProps?: HTMLAttributes<HTMLDivElement>;
    numRoomsFieldProps?: HTMLAttributes<HTMLDivElement>;
    numRoomsLabelProps?: LabelHTMLAttributes<HTMLLabelElement>;
    numRoomsInputProps?: InputHTMLAttributes<HTMLInputElement>;
    actionsWrapperProps?: HTMLAttributes<HTMLDivElement>;
    randomAssignButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
    manualAssignButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
    addRoomButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
    saveRoomsButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
    newParticipantFieldProps?: HTMLAttributes<HTMLDivElement>;
    newParticipantLabelProps?: LabelHTMLAttributes<HTMLLabelElement>;
    newParticipantSelectProps?: SelectHTMLAttributes<HTMLSelectElement>;
    roomsContainerProps?: HTMLAttributes<HTMLDivElement>;
    startButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
    stopButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
    numRoomsLabel?: ReactNode;
    newParticipantActionLabel?: ReactNode;
    randomAssignButtonLabel?: ReactNode;
    manualAssignButtonLabel?: ReactNode;
    addRoomButtonLabel?: ReactNode;
    saveRoomsButtonLabel?: ReactNode;
    startBreakoutButtonLabel?: ReactNode;
    updateBreakoutButtonLabel?: ReactNode;
    stopBreakoutButtonLabel?: ReactNode;
    renderHeader?: (options: { defaultHeader: ReactNode }) => ReactNode;
    renderControls?: (options: { defaultControls: ReactNode }) => ReactNode;
    renderRoomList?: (
        options: { defaultRoomList: ReactNode; rooms: BreakoutParticipant[][] },
    ) => ReactNode;
    renderStartButton?: (
        options: { defaultStartButton: ReactNode; isUpdating: boolean },
    ) => ReactNode;
    renderStopButton?: (options: { defaultStopButton: ReactNode }) => ReactNode;
    renderBody?: (options: { defaultBody: ReactNode }) => ReactNode;
    renderContent?: (options: { defaultContent: ReactNode }) => ReactNode;
    isDarkMode?: boolean;
    enableGlassmorphism?: boolean;
    renderMode?: ModalRenderMode;
}