import React, { Component }         from 'react';
  import { Grid }                     from 'react-bootstrap';

  import { Link }                           from 'react-router';
  import { Row, Col, FormGroup,
    ControlLabel, FormControl,
    InputGroup, Button,
    Navbar,Modal, Nav, NavItem,
      Glyphicon, Collapse,
      NavbarToggler, NavbarBrand,
      NavLink, DropdownItem, DropdownToggle, DropdownMenu,
      NavDropdown, MenuItem }                    from 'react-bootstrap';
  import { LinkContainer }                  from 'react-router-bootstrap';
  import './NonOrgApp.css';

  /**
   * user based redirection will take place here
   */

   export class NonOrgApp extends Component {

     constructor(props) {
       super(props);
       this.state = {

       };
     };
     render(){
       return (
         <div>

           <Navbar>
             <Navbar.Header>
               <Navbar.Brand className='brand-style'>
                 <Link to="/">YOUNGDESK</Link>
               </Navbar.Brand>
               <Navbar.Toggle />
             </Navbar.Header>
             <Navbar.Collapse>
               <Nav pullRight>
                 <LinkContainer to="login" >
                   <NavItem className='nav-item' eventKey={ 2 } href="/login">Log in</NavItem>
                 </LinkContainer>
               </Nav>
             </Navbar.Collapse>
           </Navbar>

           <Grid>
             { this.props.children }
           </Grid>
         </div>
       )
     }
   }