content: // @flow weak
  
  import React, { Component } from 'react';
  import Paper from 'material-ui/Paper';
  import Tabs from 'material-ui/Tabs';
  import Tab from 'material-ui/Tabs/Tab';
  import PhoneIcon from 'material-ui/svg-icons/phone';
  import FavoriteIcon from 'material-ui/svg-icons/favorite';
  import PersonPinIcon from 'material-ui/svg-icons/person-pin';
  
  export default class IconTabs extends Component {
    state = {
      index: 0,
    };
  
    handleChange = (event, index) => {
      this.setState({ index });
    };
  
    render() {
      return (
        <Paper style={{ width: 500 }}>
          <Tabs
            index={this.state.index}
            onChange={this.handleChange}
            textColor="accent"
            fullWidth
          >
            <Tab icon={<PhoneIcon />} />
            <Tab icon={<FavoriteIcon />} />
            <Tab icon={<PersonPinIcon />} />
          </Tabs>
        </Paper>
      );
    }
  }
  