import { Component, Input, Output, EventEmitter } from '@angular/core';
import { RdComponent } from '../../base/rdComponent';

@Component({
  selector: "rd-tool:not([rd-type])",
  template: `
    <span style="cursor:pointer" (click)="click($event);">
      <rd-icon [rd-class]="icon" [rd-color]="color" rd-size="porletIconSize" [rd-text]="display" [rd-animate]="animate + ' infinite'" [rd-activate-on-hover]="true" [rd-tooltip]="text"></rd-icon>
    </span>
  `
})
export class PortletTool extends RdComponent {
  @Input('rd-text') text: string;
  @Input("rd-icon") icon: string;
  @Input("rd-display") display: string;
  @Input("rd-color") color: string = "white";
  @Input("rd-animate") animate: string;

  @Output("rd-click") clickEvent = new EventEmitter();

  click(event) {
    // event.stopPropagation();
    this.clickEvent.emit(null);
  }
}