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

@Component({
  selector: 'farris-button',
  template: `
    <button [class]="(size === 'large'?'btn-lg ':'btn-sm ')+
    'btn '+ (type?'btn-'+type+' ':'')"
    [class.disabled]="disabled" (click)="clickEvent($event)">
      <ng-content></ng-content>
    </button>
  `,
  styles: []
})
export class FarrisButtonComponent {
  @Input() text: string;
  @Input() size = 'small';
  @Input() type = 'primary';
  @Input() disabled: boolean;

  @Output() click = new EventEmitter<any>();

  constructor() { }

  clickEvent(e: any) {
    e.stopPropagation();
    if(this.disabled){
      return;
    }
    this.click.emit(e);
  }
}