import React from 'react'; import { StyleProp, TextStyle } from 'react-native'; /** * Options for rendering a `MeetingProgressTimer` badge. * * @interface MeetingProgressTimerOptions * * **Appearance:** * @property {string} meetingProgressTime The current progress time of the meeting to be displayed. * @property {string} [initialBackgroundColor='green'] The initial background color of the timer. * @property {StyleProp} [textStyle] Additional styles to apply to the timer text. * @property {boolean} [showTimer=true] Flag to determine whether the timer should be displayed. * * **Positioning:** * @property {'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight'} [position='topLeft'] The position of the timer on the screen. */ export interface MeetingProgressTimerOptions { meetingProgressTime: string; initialBackgroundColor?: string; position?: 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight'; textStyle?: StyleProp; showTimer?: boolean; } export type MeetingProgressTimerType = (options: MeetingProgressTimerOptions) => JSX.Element; /** * MeetingProgressTimer displays a compact badge showing the meeting's elapsed time with corner-anchored positioning. * * ### Key Features * - Positioned in one of four screen corners for minimal layout interference. * - Customizable background and text styling for brand alignment. * - Optional visibility toggle for show/hide behavior. * * @component * @param {MeetingProgressTimerOptions} props Timer badge configuration. * @returns {JSX.Element} Rendered meeting progress timer badge. * * @example * ```tsx * import React from 'react'; * import { MeetingProgressTimer } from 'mediasfu-reactnative'; * * function App() { * return ( * * ); * } * * export default App; * ``` */ declare const MeetingProgressTimer: React.FC; export default MeetingProgressTimer;