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

@Component({
  selector: 'rdp-icon-button',
  styleUrls: ['./rdp-icon-button.component.css'],
  template: `
  <button type="button" class="btn btn-primary" (click)="emitClickEvent()" [disabled]="isDisabled">
  <i class="{{icon}}"></i>
  {{text}}
  </button>
`
})
export class RdpIconButtonComponent implements OnInit {

  @Output() rdpClick = new EventEmitter<any>();
  @Input() isDisabled:boolean = false;
  @Input() text = "Button Name";
  @Input() icon : string;

  
  constructor() { }

  ngOnInit() {
  }

  emitClickEvent(){
    this.rdpClick.emit();
  }
  
// Example usage: ( Needs Testing: )
// ==================================
// <rdp-button [text]="'SUBMIT'" (rdpClick)="editMyFiles(Object)" [icon]="'icon ion-md-person-add'" [isDisabled]=true></rdp-button>
// Note: Ensure the text and icon strings are enslosed in this formt : "' <<YOUR TEXT>> '"
 

}