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

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

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

  ngOnInit() {
  }

  emitClickEvent(){
    this.rdpClick.emit();
  }


// Usage Example 1: 
// <rdp-button [text]="'SUBMIT'" (rdpClick)="editMyFiles(Object)" [isDisabled]=true ></rdp-button>
// Example 2:
// <rdp-button [text]="'SUBMIT'" (rdpClick)="editMyFiles(Object)" [isDisabled]=false ></rdp-button>

}