Variable defaultDevicePreviewStyles`Const`

defaultDevicePreviewStyles: DevicePreviewStyles = ...

Default styles for the DevicePreview component.

Remarks

Styles include progress bar dimensions, paper elevation, padding values, and audio level thresholds that determine color changes.

Example

import { defaultDevicePreviewStyles, DevicePreview } from '@hiyve/react-ui';

// More sensitive audio level indicator
const sensitiveStyles = {
  ...defaultDevicePreviewStyles,
  lowThreshold: 30,   // Green below 30%
  highThreshold: 60,  // Red above 60%
  progressBarHeight: 12,
};

<DevicePreview styles={sensitiveStyles} onReady={handleJoin} />