Interface RecordingModalOptions

interface RecordingModalOptions {
    isRecordingModalVisible: boolean;
    onClose: () => void;
    backgroundColor?: string;
    position?: string;
    isDarkMode?: boolean;
    enableGlassmorphism?: boolean;
    renderMode?: ModalRenderMode;
    confirmRecording: ConfirmRecordingType;
    startRecording: StartRecordingType;
    parameters: RecordingModalParameters;
    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>;
    panelsWrapperProps?: HTMLAttributes<HTMLDivElement>;
    panelsScrollProps?: HTMLAttributes<HTMLDivElement>;
    panelsContainerProps?: HTMLAttributes<HTMLDivElement>;
    panelsActionsDividerProps?: HTMLAttributes<HTMLDivElement>;
    actionsWrapperProps?: HTMLAttributes<HTMLDivElement>;
    confirmButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
    startButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
    confirmButtonLabel?: ReactNode;
    startButtonLabel?: ReactNode;
    renderHeader?: (
        options: { defaultHeader: ReactNode; onClose: () => void },
    ) => ReactNode;
    renderPanels?: (
        options: {
            defaultPanels: ReactNode;
            parameters: RecordingModalParameters;
        },
    ) => ReactNode;
    renderActions?: (
        options: {
            defaultActions: ReactNode;
            recordPaused: boolean;
            handleConfirm: () => void;
            handleStart: () => void;
        },
    ) => ReactNode;
    renderBody?: (options: { defaultBody: ReactNode }) => ReactNode;
    renderContent?: (options: { defaultContent: ReactNode }) => ReactNode;
}