import React, { Component, PropTypes } from 'react';
import { createContainer } from 'meteor/react-meteor-data';
import ReactDOM from 'react-dom';
import AutoComplete from 'material-ui/AutoComplete';

import getMuiTheme from 'material-ui/styles/getMuiTheme';
import injectTapEventPlugin from 'react-tap-event-plugin';
import {GridList,GridTile} from 'material-ui/GridList';

import TextField from 'material-ui/TextField';
import RaisedButton from 'material-ui/RaisedButton';
import IconButton from 'material-ui/IconButton';
import DeleteIcon from 'material-ui/svg-icons/action/delete-forever';
import EditorModeEdit from 'material-ui/svg-icons/editor/mode-edit';
import {Tabs, Tab} from 'material-ui/Tabs';
import {UserList} from '../api/userList.js';

class Login extends Component {

  getChildContext(){
        return {
            muiTheme: getMuiTheme()
        }
  }


  render(){
  return (

//Rama
  //console.log('In Render'),
<div>

    <div>
    <TextField
      hintText="Username"
    /><br/>
    <TextField
      hintText="Password"
    /><br/>

  <RaisedButton label="Login" primary={true}  />
    </div>

<div>




  <TextField>Login Successful</TextField>

</div>
</div>









  );
  }
}
/*
this.props.loginCollection.map((row,index)=>(
<TableRow key={index} selected={row.selected} >
    <TableRowColumn>{index+1}</TableRowColumn>
    <TableRowColumn>
        <IconButton  onClick={e=()=>{this.editLogin(index);}} iconStyle={ { width: 24,height:   24,  }}
         style={{ width: 24,height: 24,padding:8,  }}    >
          <EditorModeEdit />
        </IconButton>
    </TableRowColumn>
                <TableRowColumn>{row.loginName}</TableRowColumn>
                <TableRowColumn>{row.primaryGroup}</TableRowColumn>
                <TableRowColumn>{row.remarks}</TableRowColumn>

        <TableRowColumn>
    <IconButton  onClick={e=()=>{
    this.deleteVoucher(index);
}}
  iconStyle={ { width: 36, height: 36,  }}     style={{ width: 36,
    height: 36,
    padding: 8,  }}    >
          <DeleteIcon />
    </IconButton>
        </TableRowColumn>
</TableRow>
));

*/




Login.childContextTypes={
  muiTheme: React.PropTypes.object.isRequired
}
//export default createContainer(()=>{return {}},Login);

export default createContainer(()=>{
return {
loginCollection:UserList.find({}).fetch(),








};
},Login);