text: import React, { Component } from 'react';
  import './App.css';
  import { Navbar, Nav, NavItem, NavDropdown, MenuItem } from 'react-bootstrap';
  import {Clouds} from './clouds';
  
  class App extends Component {
  
    onClick = (event) =>{
      event.preventDefault;
      <Clouds />
    }
  
  
    render() {
      return (
        <div className="App text-center">
          <Navbar>
            <Navbar.Header>
              <Navbar.Brand>
                <a href="#home">Alexandria</a>
              </Navbar.Brand>
              </Navbar.Header>
              <Nav>
              <NavItem eventKey={1} href="#">
                Discussion
              </NavItem>
              <NavItem eventKey={2} href="#">
                Workspace
              </NavItem>
              <NavItem eventKey={3} href="#">
                Archives
              </NavItem>
              <NavItem eventKey={4} href="#">
                Profile
              </NavItem>
            </Nav>
          </Navbar>;
          
          
  
        </div>
      );
    }
  }
  
  
  export default App;
  