const app = require('../app')
const { crumbIcon } = require('../assets')

app.component('appBreadcrumb', {
  template: html`
    <h2 class="md-breadcrumb">
      <span ng-repeat="link in $ctrl.links">
        <md-icon md-svg-src="${crumbIcon}" ng-if="$index"></md-icon>
        <a class="md-button" ng-href="{{link.link}}">{{link.text}}</a>
      </span>
    </h2>
  `,
  bindings: {
    links: '<'
  }
})