import { Component, EventEmitter, Input, Output } from '@angular/core';
import { LucideIconAttributes } from './interface/lucideIcon.interface';



@Component({
    selector: 'kit-button',
    templateUrl: './button.component.html',
    styleUrls: ['../styles/index.scss']
})
export class ButtonComponent {
    @Input() disabled?: boolean = false;
    @Input() title: string = '';
    @Input() color?: string = '';
    @Input() positionIconText?: string = 'start';
    @Input() tooltip?: string = '';
    @Input() lucideIcon?: LucideIconAttributes;
    @Output() clickEvent: EventEmitter<any> = new EventEmitter();
    @Input() loadingDuration?: number = 1000; 
    
    @Input() loading = false; 
    onClick(event: Event) {
        this.clickEvent.emit(event);
        
    }
      
}