import React from 'react'
import {Navbar, Nav, NavItem, NavDropdown, MenuItem, Glyphicon, Jumbotron, Button} from 'react-bootstrap'
import {Row, Col, Collapse, FormControl, FormGroup, ControlLabel, HelpBlock, PanelGroup, Panel} from 'react-bootstrap'

import HostnameController from '../containers/HostnameController'
import ServerConfigController from '../containers/ServerConfigController'
import WhiteBox from './WhiteBox'



const MainContent = () => (
  <div>
    <div className="container">
      <Jumbotron className="uninett-color-lightBlue">

        <h1>Play with OAuth 2.0</h1>
        <p>Learn more about how OAuth 2.0 works, and explore OAuth protected APIs without entering any code.</p>



      </Jumbotron>


      <WhiteBox>

        <HostnameController />

        <ServerConfigController />


      </WhiteBox>


    </div>

  </div>

)

export default MainContent