apphouse
Version:
Component library for React that uses observable state management and theme-able components.
46 lines (45 loc) • 1.19 kB
TypeScript
import React from 'react';
import { TextToSpeech } from '../../models/TextToSpeech';
import { PlayPauseButtonSize } from '../media/PlayPauseButton';
import { BoxSizeStyles, ButtonStyleVariant } from '../../styles/defaults/themes.interface';
interface SpeechSynthesisPlayerProps {
/**
* The text to speech model instance
*/
textToSpeech: TextToSpeech;
/**
* The id of the utterance to play
*/
utteranceId: string;
/**
* The size of the play button icon
* @default medium
*/
iconSize?: PlayPauseButtonSize;
/**
* If true, the language selector will be shown
* @default false
* @optional
*/
showLanguageSelector?: boolean;
/**
* If true, the rate selector will be shown
* @default false
* @optional
*/
showRateSelector?: boolean;
/**
* The size of selector
* @default medium
*/
size?: keyof BoxSizeStyles;
/**
* The variant of the selector
*/
variant?: keyof ButtonStyleVariant;
}
/**
* A play and pause button for the speech synthesis
*/
export declare const SpeechSynthesisPlayer: React.FC<SpeechSynthesisPlayerProps>;
export {};