import React, { Component } from 'react';

export default class FakeSocial extends Component {
    render() {
        return <ul>
            <li className="cluedIn_social_overview_header twitter">
                <i className="fa fa-twitter"></i>Twitter
            </li>
            <li className="cluedIn_social_overview_twitter_followers">
                <span className="cluedIn_social_overview_number_prev">
                     <span className="cluedIn_social_overview_number_prev_number">387</span>
                     <span className="cluedIn_social_overview_number_prev_period">PREV. WEEK</span>
                     </span>
                     <span className="cluedIn_social_overview_number_indicator">
                     <i className="fa fa-arrow-circle-up"></i>
                     </span>
                <span className="cluedIn_social_overview_title">Followers</span>
                        <span className="cluedIn_social_overview_number">
                            498
                        </span>
            </li>
            <li className="cluedIn_social_overview_twitter_followers">
                <span className="cluedIn_social_overview_number_prev">
                     <span className="cluedIn_social_overview_number_prev_number">387</span>
                     <span className="cluedIn_social_overview_number_prev_period">PREV. WEEK</span>
                     </span>
                     <span className="cluedIn_social_overview_number_indicator">
                     <i className="fa fa-arrow-circle-up"></i>
                     </span>
                <span className="cluedIn_social_overview_title">Following</span>
                        <span className="cluedIn_social_overview_number">
                            9797
                        </span>
            </li>
            <li className="cluedIn_social_overview_header facebook">
                <i className="fa fa-facebook"></i>Facebook
            </li>
            <li className="cluedIn_social_overview_facebook_likes">
                 <span className="cluedIn_social_overview_title">
                 Likes
                 </span>
                 <span className="cluedIn_social_overview_number_prev">
                 <span className="cluedIn_social_overview_number_prev_number">398</span>
                 <span className="cluedIn_social_overview_number_prev_period">PREV. WEEK</span>
                 </span>
                 <span className="cluedIn_social_overview_number_indicator">
                 <i className="fa fa-arrow-circle-up"></i>
                 </span>
                 <span className="cluedIn_social_overview_number">
                 393
                 </span>
            </li>
            <li className="cluedIn_social_overview_facebook_messages">
                 <span className="cluedIn_social_overview_title">
                 Messages
                 </span>
                 <span className="cluedIn_social_overview_number_prev">
                 <span className="cluedIn_social_overview_number_prev_number">37</span>
                 <span className="cluedIn_social_overview_number_prev_period">PREV. WEEK</span>
                 </span>
                 <span className="cluedIn_social_overview_number_indicator">
                 <i className="fa fa-arrow-circle-up"></i>
                 </span>
                 <span className="cluedIn_social_overview_number">
                 39
                 </span>
            </li>
            <li className="cluedIn_social_overview_header linkedIn">
                <i className="fa fa-linkedin"></i>LinkedIn
            </li>
            <li className="cluedIn_social_overview_linkedin_followers">
                 <span className="cluedIn_social_overview_title">
                 Followers
                 </span>
                 <span className="cluedIn_social_overview_number_prev">
                 <span className="cluedIn_social_overview_number_prev_number">327</span>
                 <span className="cluedIn_social_overview_number_prev_period">PREV. WEEK</span>
                 </span>
                 <span className="cluedIn_social_overview_number_indicator">
                 <i className="fa fa-arrow-circle-up"></i>
                 </span>
                 <span className="cluedIn_social_overview_number">
                 393
                 </span>
            </li>
        </ul>
    }
}