import {Component, View} from 'angular2/core';
@Component({
  selector: 'counter',
  properties: [
    'counter',
    'increment',
    'decrement',
    'incrementIfOdd',
    'incrementAsync'
  ]
})
@View({
  template: `
  <div>
    <h3>Clicked: {{ counter }} times</h3>
    <button class="btn btn-success" (click)="increment()">+</button>
    <button class="btn btn-danger" (click)="decrement()">-</button>
    <button class="btn btn-info" (click)="incrementIfOdd()">
      Increment if odd
    </button>
    <button class="btn btn-warning" (click)="incrementAsync()">
      Increment async
    </button>
  </div>
  `
})
export class Counter {
}