import { RecordingControls } from '@hiyve/rn-capture';
import { useRecording } from '@hiyve/rn-react';
function RecordingPanel() {
const {
isRecording, isRecordingStarting, recordingDuration, error,
startRecording, stopRecording, clearError,
} = useRecording();
return (
<RecordingControls
isRecording={isRecording}
isRecordingStarting={isRecordingStarting}
recordingDuration={recordingDuration}
error={error}
onStartRecording={startRecording}
onStopRecording={stopRecording}
onClearError={clearError}
showOptions
/>
);
}
Recording controls with record/stop button, pulsing indicator, duration display, and optional transcribe/compose switches.
When idle, displays a large circular record button. While a recording start is in progress, an activity indicator replaces the button. During recording, a stop button is shown alongside a pulsing red indicator dot and an elapsed-time display in MM:SS format.
Errors are displayed below the button and can be dismissed by tapping them (if
onClearErroris provided).