button.component.ts

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

@Component({
  selector: 'app-button',
  templateUrl: './button.component.html',
  styleUrls: ['./button.component.scss'],
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class ButtonComponent {
  @Input() loading: any;
  @Input() buttonText = '';
  @Input() buttonType: 'submit' | 'button' = 'button';
  @Input() buttonStyles = '';

  @Output() buttonClick = new EventEmitter<string>();
  constructor() {}

  onButtonClick(): void {
    this.buttonClick.emit('clicked');
  }
}