text: import React, { Component } from 'react';
  import styled from 'styled-components';
  import itemPatient.css;
  import Links from './Links';
  
  
  
  const Container = styled.div.attrs({
    className: 'container',
  })`
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  `;
  
  
  const Nav = styled.nav.attrs({
    className: 'navbar navbar-expand-lg navbar-dark bg-dark',
  })`
    margin-bottom: 20px;
  
    @media screen and (min-width: 992px) {
      padding: 0.5em 25%;
    }
  `;
  
  
  const navBarItems = [
    {
      //name: 'Items',
      name:'Exams',
      toPathname: '/items',
      className: 'nav-link',
    },
    {
      //name: 'Create Item',
      name:'Create Patient Exam',
      toPathname: '/item/create',
      className: 'nav-link',
    },
  ];
  
  class NavBar extends Component {
    render() {
      return (
        <Container>
          <Nav>
            <Links navBarItems={navBarItems} />
          </Nav>
        </Container>
      );
    }
  }
  
  export default NavBar;
  