import {Component, Input} from '@angular/core';
// import {NgClass} from '@angular/common/directives';

export type ButtonKindType = '' | 'primary' | 'secondary' | 'ghost' | 'link';
export type ButtonSizeType = '' | 'large' | 'medium' | 'small' | 'extrasm';
export type inconPositionKindType = '' | 'left' | 'right';

@Component({
  selector: 'sae-m-button',
  standalone: true,
  imports: [
    // NgClass,
  ],
  templateUrl: './main-button.html',
  styleUrl: './main-button.scss'
})
export class MainButton {
  @Input() disabled: boolean = false;
  @Input() divider: boolean = false;
  @Input() label: string = '';
  @Input() icon: string = '';
  @Input() inconPosition: inconPositionKindType = 'left';
  @Input() size: ButtonSizeType = '';
  @Input() kind: ButtonKindType = '';
}
