import React from 'react';
import { Link, withRouter } from 'react-router';
import $ from 'jquery';
import getMuiTheme from 'material-ui/styles/getMuiTheme';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import CircularProgress from 'material-ui/CircularProgress';
import LinearProgress from 'material-ui/LinearProgress';
import FlatButton from 'material-ui/FlatButton';

import IconMenu from 'material-ui/IconMenu';
import IconButton from 'material-ui/IconButton';
import NavigationExpandMoreIcon from 'material-ui/svg-icons/navigation/expand-more';
import MenuItem from 'material-ui/MenuItem';
import RaisedButton from 'material-ui/RaisedButton';
import {Toolbar, ToolbarGroup, ToolbarSeparator, ToolbarTitle} from 'material-ui/Toolbar';
import Avatar from 'material-ui/Avatar';

import Drawer from 'material-ui/Drawer';

const injectTapEventPlugin = require("react-tap-event-plugin");
injectTapEventPlugin();


class Home extends React.Component {

  constructor(props) {
    super(props);
  }


  render() {
    let self = this;
    return (
      <div>

        <MuiThemeProvider muiTheme={getMuiTheme()}>
        <RaisedButton
          label="Toggle Drawer"
          className="width"
          onTouchTap={self.props.handleToggle}
        />
        </MuiThemeProvider>

        <MuiThemeProvider muiTheme={getMuiTheme()}>
        <Drawer open={self.props.open}>
          <MenuItem>Menu Item</MenuItem>
          <MenuItem>Menu Item 2</MenuItem>
        </Drawer>
        </MuiThemeProvider>
      </div>
    );
  }
}


export default withRouter(Home, { withRef: true });
@@ -839,16 +839,134 @@
 awer';%0A%0A
+import ReactDOM from 'react-dom';%0Aimport Tabs from 'muicss/lib/react/tabs';%0Aimport Tab from 'muicss/lib/react/tab';%0A%0A%0A
 const in
@@ -1131,16 +1131,131 @@
 );%0A  %7D%0A%0A
+  onChange(i, value, tab, ev) %7B%0A    console.log(arguments);%0A  %7D%0A%0A  onActive(tab) %7B%0A    console.log(arguments);%0A  %7D%0A
 %0A  rende
@@ -1307,16 +1307,17 @@
  %3Cdiv%3E%0A%0A
+%0A
         
@@ -1321,441 +1321,411 @@
    %3C
-MuiThemeProvider muiTheme=%7BgetMuiTheme()%7D%3E%0A        %3CRaisedButton%0A          label=%22Toggle Drawer%22%0A          className=%22width%22%0A          onTouchTap=%7Bself.props.handleToggle%7D%0A        /%3E%0A        %3C/MuiThemeProvider%3E%0A%0A        %3CMuiThemeProvider muiTheme=%7BgetMuiTheme()%7D%3E%0A        %3CDrawer open=%7Bself.props.open%7D%3E%0A          %3CMenuItem%3EMenu Item%3C/MenuItem%3E%0A          %3CMenuItem%3EMenu Item 2%3C/MenuItem%3E%0A        %3C/Drawer%3E%0A        %3C/MuiThemeProvider%3E
+Tabs onChange=%7Bthis.onChange%7D initialSelectedIndex=%7B1%7D justified=%7Btrue%7D%3E%0A               %3CTab className=%22mui--text-white%22 value=%22pane-1%22 label=%22Home%22 onActive=%7Bthis.onActive%7D%3E%3C/Tab%3E%0A               %3CTab className=%22mui--text-white%22 value=%22pane-2%22 label=%22Portfolio%22%3E%3C/Tab%3E%0A               %3CTab value=%22pane-3%22 label=%22Blog%22%3E%3C/Tab%3E%0A               %3CTab value=%22pane-4%22 label=%22Contact%22%3E%3C/Tab%3E%0A             %3C/Tabs%3E%0A
 %0A   

Add new tabs ui component