const app = require('../app')
const { dashboardIcon, staffMemberIcon, staffingAgencyIcon } = require('../assets')

app.component('appUserAreaNav', {
  template: html`
    <h3>
      Intelligence
    </h3>

    <md-menu-item>
      <md-button ng-href="/dashboard">
        <md-icon md-svg-icon="${dashboardIcon}"></md-icon>
        Dashboard
      </md-button>
    </md-menu-item>

    <h3>Staff</h3>
    <md-menu-item>
      <md-button ng-href="/staff-members">
        <md-icon md-svg-icon="${staffMemberIcon}"></md-icon>
        Staff Members
      </md-button>
    </md-menu-item>
    <md-menu-item>
      <md-button ng-href="/staffing-agencies">
        <md-icon md-svg-icon="${staffingAgencyIcon}"></md-icon>
        Staffing Agencies
      </md-button>
    </md-menu-item>
    
  `
})