import { Component, EventEmitter, Input, Output } from '@angular/core';


@Component({
  selector: 'tag',
  template: require(`./tag.component.html`),
  styles: [ require(`./tag.component.scss`) ],
  host: {
    '[class.ng2-tag-input-item-selected]': 'selected'
  }
})
export class TagInputItemComponent {
  @Input() selected: boolean;
  @Input() text: string;
  @Input() index: number;
  @Output() tagRemoved: EventEmitter<number> = new EventEmitter<number>();

  constructor() { }

  removeTag() {
    this.tagRemoved.emit(this.index);
  }
}