You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

VideoMutedIndicator.js 967B

1234567891011121314151617181920212223242526272829303132333435363738
  1. import React, { Component } from 'react';
  2. import BaseIndicator from './BaseIndicator';
  3. /**
  4. * React {@code Component} for showing a video muted icon with a tooltip.
  5. *
  6. * @extends Component
  7. */
  8. class VideoMutedIndicator extends Component {
  9. /**
  10. * {@code VideoMutedIndicator} component's property types.
  11. *
  12. * @static
  13. */
  14. static propTypes = {
  15. /**
  16. * From which side of the indicator the tooltip should appear from.
  17. */
  18. tooltipPosition: React.PropTypes.string
  19. };
  20. /**
  21. * Implements React's {@link Component#render()}.
  22. *
  23. * @inheritdoc
  24. */
  25. render() {
  26. return (
  27. <BaseIndicator
  28. className = 'videoMuted toolbar-icon'
  29. iconClassName = 'icon-camera-disabled'
  30. tooltipKey = 'videothumbnail.videomute'
  31. tooltipPosition = { this.props.tooltipPosition } />
  32. );
  33. }
  34. }
  35. export default VideoMutedIndicator;