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


@Component({
  selector: 'fss-spinner-text-button',
  templateUrl: './spinner-text-button.component.html',
  styleUrls: ['./spinner-text-button.component.scss']
})
export class SpinnerTextButtonComponent implements OnInit, OnChanges {
  @Input() disabled = false;
  @Input() class: string | undefined = undefined;
  @Input() icon: string | undefined = undefined;
  @Input() spinnerControl = false;
  @Input() text?: string  = undefined;
  @Input() permission: any = {};
  @Input() tooltip = '';
  @Input() tooltipDisabled = false;
  @Input() toolTipPosition: TooltipPosition = 'above' as TooltipPosition
  @Input() toolTipClass = 'icon-tooltip';

  @Output() onClickEvent: EventEmitter<void> = new EventEmitter<void>();
  constructor() { }

  ngOnInit(): void {
  }

  ngOnChanges() {}
  onClick() {
    this.onClickEvent.emit();
  }

}