// @flow

import React from 'react';

import JitsiScreen from '../../../base/modal/components/JitsiScreen';

import SpeakerStatsLabels from './SpeakerStatsLabels';
import SpeakerStatsList from './SpeakerStatsList';
import style from './styles';

/**
 * Component that renders the list of speaker stats.
 *
 * @returns {React$Element<any>}
 */
const SpeakerStats = () => (
    <JitsiScreen
        hasTabNavigator = { false }
        style = { style.speakerStatsContainer }>
        <SpeakerStatsLabels />
        <SpeakerStatsList />
    </JitsiScreen>
);

export default SpeakerStats;