Interface RecordingModalOptions

interface RecordingModalOptions {
    isRecordingModalVisible: boolean;
    onClose: (() => void);
    backgroundColor?: string;
    position?: string;
    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);
}

Properties

isRecordingModalVisible onClose backgroundColor? position? confirmRecording startRecording parameters title? overlayProps? contentProps? headerProps? titleProps? closeButtonProps? closeIconComponent? headerDividerProps? bodyProps? panelsWrapperProps? panelsScrollProps? panelsContainerProps? panelsActionsDividerProps? actionsWrapperProps? confirmButtonProps? startButtonProps? confirmButtonLabel? startButtonLabel? renderHeader? renderPanels? renderActions? renderBody? renderContent?

Properties

isRecordingModalVisible

isRecordingModalVisible: boolean

onClose

onClose: (() => void)

OptionalbackgroundColor

backgroundColor?: string

Optionalposition

position?: string

confirmRecording

confirmRecording: ConfirmRecordingType

startRecording

startRecording: StartRecordingType

parameters

parameters: RecordingModalParameters

Optionaltitle

title?: ReactNode

OptionaloverlayProps

overlayProps?: HTMLAttributes<HTMLDivElement>

OptionalcontentProps

contentProps?: HTMLAttributes<HTMLDivElement>

OptionalheaderProps

headerProps?: HTMLAttributes<HTMLDivElement>

OptionaltitleProps

titleProps?: HTMLAttributes<HTMLHeadingElement>

OptionalcloseButtonProps

closeButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>

OptionalcloseIconComponent

closeIconComponent?: ReactNode

OptionalheaderDividerProps

headerDividerProps?: HTMLAttributes<HTMLHRElement>

OptionalbodyProps

bodyProps?: HTMLAttributes<HTMLDivElement>

OptionalpanelsWrapperProps

panelsWrapperProps?: HTMLAttributes<HTMLDivElement>

OptionalpanelsScrollProps

panelsScrollProps?: HTMLAttributes<HTMLDivElement>

OptionalpanelsContainerProps

panelsContainerProps?: HTMLAttributes<HTMLDivElement>

OptionalpanelsActionsDividerProps

panelsActionsDividerProps?: HTMLAttributes<HTMLDivElement>

OptionalactionsWrapperProps

actionsWrapperProps?: HTMLAttributes<HTMLDivElement>

OptionalconfirmButtonProps

confirmButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>

OptionalstartButtonProps

startButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>

OptionalconfirmButtonLabel

confirmButtonLabel?: ReactNode

OptionalstartButtonLabel

startButtonLabel?: ReactNode

OptionalrenderHeader

renderHeader?: ((options: {
    defaultHeader: ReactNode;
    onClose: (() => void);
}) => ReactNode)

OptionalrenderPanels

renderPanels?: ((options: {
    defaultPanels: ReactNode;
    parameters: RecordingModalParameters;
}) => ReactNode)

OptionalrenderActions

renderActions?: ((options: {
    defaultActions: ReactNode;
    recordPaused: boolean;
    handleConfirm: (() => void);
    handleStart: (() => void);
}) => ReactNode)

OptionalrenderBody

renderBody?: ((options: {
    defaultBody: ReactNode;
}) => ReactNode)

OptionalrenderContent

renderContent?: ((options: {
    defaultContent: ReactNode;
}) => ReactNode)

Settings

Member Visibility

On This Page

Properties