text: import React, { Component } from 'react';
  import navItems from './data/navItems';
  import closeImg from './img/close.svg'
  import "./scss/components/SiteNav.scss"
  
  class SiteNav extends Component {
  
    render() {
      if (this.props.footer) {
        return (
          <ul className="coa-SiteNav--footer">
            { navItems.map((item, i) => (
              <li key={i} className="coa-SiteNav__top-level-list-items">
                <a href={item.path} title={item.title} role="menuitem">
                  {item.title}
                </a>
              </li>
            ))}
            <li className="coa-SiteNav__top-level-list-items">
              <a href="https://cityofaustin.github.io/innovation-fellows/privacy">
                Privacy Policy
              </a>
            </li>
          </ul>
        )
      } else {
        return (
          <nav role="navigation" className={this.props.isNavOpen ? "usa-nav-open" : "usa-nav"}>
            <button className="usa-nav-close coa-nav-close" onClick={this.props.toggleNav}>
              <img src={closeImg} alt="close"  />
            </button>
            <ul className="usa-nav-primary">
              { navItems.map((item, i) => (
                <li key={i} className="coa-SiteNav__top-level-list-items">
                  <a href={item.path} title={item.title} role="menuitem" className="usa-nav-link">
                    {item.title}
                  </a>
                </li>
              ))}
            </ul>
          </nav>
        );
      }
    }
  
  }
  
  export default SiteNav;
  