text: 
  import React from "react";
  import { Link } from "react-router-dom";
  // reactstrap components
  import {
    UncontrolledCollapse,
    DropdownMenu,
    DropdownItem,
    UncontrolledDropdown,
    DropdownToggle,
    Media,
    NavbarBrand,
    Navbar,
    NavItem,
    NavLink,
    Nav,
    Container,
    Row,
    Col
  } from "reactstrap";
  
  class AdminNavbar extends React.Component {
    render() {
      return (
        <>
          <Navbar
            className="navbar-top navbar-horizontal navbar-dark"
            expand="md"
          >
            <Container className="px-4" fluid>
                <img alt="PappayaSign" style={{ maxWidth: "200px" }} src="./pappayasign_white.png" />
              
              <UncontrolledCollapse navbar toggler="#navbar-collapse-main">
                <div className="navbar-collapse-header d-md-none">
                  <Row>
                    <Col className="collapse-brand" xs="6">
                      <Link to="/">
                        <img
                          alt="PappayaSign"
                          src="./argon-react.png"
                        />
                      </Link>
                    </Col>
                    <Col className="collapse-close" xs="6">
                      <button
                        className="navbar-toggler"
                        id="navbar-collapse-main"
                      >
                        <span />
                        <span />
                      </button>
                    </Col>
                  </Row>
                </div>
                
              </UncontrolledCollapse>
            </Container>
          </Navbar>
        </>
      );
    }
  }
  
  export default AdminNavbar;
  