import React, { Component } from 'react';
import Icon from 'react-native-vector-icons/FontAwesome';

import styles from './styles';

/**
 * Thumbnail badge for displaying the video mute status of a participant.
 */
export class VideoMutedIndicator extends Component {
    /**
     * Implements React's {@link Component#render()}.
     *
     * @inheritdoc
     */
    render() {
        // TODO: This should use video-camera-slash, but that doesn't exist in
        // the fontawesome icon set yet.
        return (
            <Icon
                name = 'eye-slash'
                style = { styles.thumbnailIndicator } />
        );
    }
}

import React, { Component } from 'react';

import { Icon } from '../../../base/font-icons';

import styles from './styles';

/**
 * Thumbnail badge for displaying the video mute status of a participant.
 */
export class VideoMutedIndicator extends Component {
    /**
     * Implements React's {@link Component#render()}.
     *
     * @inheritdoc
     */
    render() {
        return (
            <Icon
                name = 'camera-disabled'
                style = { styles.thumbnailIndicator } />
        );
    }
}

Use same video mute indicator icon as on the web