jiti-meet/react/features/filmstrip/components/web/AudioMutedIndicator.js

45 lines
1.1 KiB
JavaScript
Raw Normal View History

/* @flow */
import React, { Component } from 'react';
2019-08-30 16:39:06 +00:00
import { IconMicDisabled } from '../../../base/icons';
2019-04-15 16:23:28 +00:00
import { BaseIndicator } from '../../../base/react';
/**
* The type of the React {@code Component} props of {@link AudioMutedIndicator}.
*/
type Props = {
/**
* From which side of the indicator the tooltip should appear from.
*/
tooltipPosition: string
};
/**
* React {@code Component} for showing an audio muted icon with a tooltip.
*
* @extends Component
*/
class AudioMutedIndicator extends Component<Props> {
/**
* Implements React's {@link Component#render()}.
*
* @inheritdoc
* @returns {ReactElement}
*/
render() {
return (
<BaseIndicator
className = 'audioMuted toolbar-icon'
2019-08-30 16:39:06 +00:00
icon = { IconMicDisabled }
iconId = 'mic-disabled'
iconSize = { 13 }
tooltipKey = 'videothumbnail.mute'
tooltipPosition = { this.props.tooltipPosition } />
);
}
}
export default AudioMutedIndicator;