text: /* @flow */
  
  import React, { Component } from 'react';
  
  import { IconDominantSpeaker } from '../../../base/icons';
  import { BaseIndicator } from '../../../base/react';
  
  /**
   * The type of the React {@code Component} props of
   * {@link DominantSpeakerIndicator}.
   */
  type Props = {
  
      /**
       * The font-size for the icon.
       */
      iconSize: number,
  
      /**
       * From which side of the indicator the tooltip should appear from.
       */
      tooltipPosition: string
  };
  
  /**
   * Thumbnail badge showing that the participant is the dominant speaker in
   * the conference.
   *
   * @extends Component
   */
  class DominantSpeakerIndicator extends Component<Props> {
      /**
       * Implements React's {@link Component#render()}.
       *
       * @inheritdoc
       */
      render() {
          return (        
              <BaseIndicator
                  className = 'indicator show-inline toolbar-icon'
                  id = 'dominantspeakerindicator'
                  iconClassName = 'indicatoricon'
                  icon = { IconDominantSpeaker }
                  iconSize = { 8 }
                  tooltipKey = 'speaker'
                  tooltipPosition = { this.props.tooltipPosition } />
          );
      }
  }
  
  export default DominantSpeakerIndicator;
  