content: /*jshint esnext: true */
  'use strict';
  
  import React from 'react';
  import Toolbar from './ToolbarComponent';
  
  const Table = require('material-ui/lib/table/table');
  const TableBody = require('material-ui/lib/table/table-body');
  const TableFooter = require('material-ui/lib/table/table-footer');
  const TableHeader = require('material-ui/lib/table/table-header');
  const TableHeaderColumn = require('material-ui/lib/table/table-header-column');
  const TableRow = require('material-ui/lib/table/table-row');
  const TableRowColumn = require('material-ui/lib/table/table-row-column');
  
  require('styles/playground/Ovsdb.sass');
  
  class OvsdbComponent extends React.Component {
  	
  	constructor(props) {
  		super(props);
  		this.state = {
    			fixedHeader: true,
    			fixedFooter: true,
    			stripedRows: false,
    			showRowHover: true,
    			selectable: true,
    			multiSelectable: true,
    			enableSelectAll: true,
    			deselectOnClickaway: false,
    			height: '300px',
    			columnHeader: ['Name','Ports','Flood Vlans','Fail Mode','Data']
  		}
  	}
  
    render() {
      return (
        <div className="ovsdb-component">
          <Toolbar />
              <Table
    						height={this.state.height}
    						fixedHeader={this.state.fixedHeader}
    						fixedFooter={this.state.fixedFooter}
    						selectable={this.state.selectable}
    						multiSelectable={this.state.multiSelectable}
    						onRowSelection={this._onRowSelection}>
    					<TableHeader enableSelectAll={this.state.enableSelectAll}>
      					<TableRow>
      					  <TableHeaderColumn colSpan="3" tooltip='Super Header' style={{textAlign: 'center'}}>
      					    Super Header
      					  </TableHeaderColumn>
      					</TableRow>
      					<TableRow>
      					  <TableHeaderColumn tooltip='Name'>Name</TableHeaderColumn>
      					  <TableHeaderColumn tooltip='Ports'>Ports</TableHeaderColumn>
      					  <TableHeaderColumn tooltip='Flood Vlan'>Flood Vlan</TableHeaderColumn>
      					</TableRow>
    					</TableHeader>
    					<TableBody
      						deselectOnClickaway={this.state.deselectOnClickaway}
      						showRowHover={this.state.showRowHover}
      						stripedRows={this.state.stripedRows}>
    						<TableRow>
        						<TableRowColumn>1</TableRowColumn>
        						<TableRowColumn>John Smith</TableRowColumn>
        						<TableRowColumn>Employed</TableRowColumn>
      					</TableRow>
      					<TableRow>
      					  <TableRowColumn>2</TableRowColumn>
      					  <TableRowColumn>Randal White</TableRowColumn>
      					  <TableRowColumn>Unemployed</TableRowColumn>
      					</TableRow>
      					<TableRow>
      					  <TableRowColumn>3</TableRowColumn>
      					  <TableRowColumn>Stephanie Sanders</TableRowColumn>
      					  <TableRowColumn>Employed</TableRowColumn>
      					</TableRow>
      					<TableRow>
      					  <TableRowColumn>4</TableRowColumn>
      					  <TableRowColumn>Steve Brown</TableRowColumn>
      					  <TableRowColumn>Employed</TableRowColumn>
      					</TableRow>
      					<TableRow>
      					  <TableRowColumn>5</TableRowColumn>
      					  <TableRowColumn>Joyce Whitten</TableRowColumn>
      					  <TableRowColumn>Employed</TableRowColumn>
      					</TableRow>
      					<TableRow>
      					  <TableRowColumn>6</TableRowColumn>
      					  <TableRowColumn>Samuel Roberts</TableRowColumn>
      					  <TableRowColumn>Unemployed</TableRowColumn>
      					</TableRow>
      					<TableRow>
      					  <TableRowColumn>7</TableRowColumn>
      					  <TableRowColumn>Adam Moore</TableRowColumn>
      					  <TableRowColumn>Employed</TableRowColumn>
      					</TableRow>
    					</TableBody>
    					<TableFooter>
    					  <TableRow>
    					    <TableRowColumn colSpan="3" style={{textAlign: 'center'}}>
    					      Super Footer
    					    </TableRowColumn>
    					  </TableRow>
    					</TableFooter>
  				</Table>
        </div>
      );
    }
  }
  
  OvsdbComponent.displayName = 'PlaygroundOVSDBComponent';
  
  // Uncomment properties you need
  // OvsdbComponent.propTypes = {};
  // OvsdbComponent.defaultProps = {};
  
  export default OvsdbComponent;
  