refactor: button component

add output event click

src/app/modules/auth/pages/sign-in/sign-in.component.ts

@@ -19,6 +19,10 @@ export class SignInComponent implements OnInit {
 
   constructor(private readonly _formBuilder: FormBuilder, private readonly _router: Router) {}
 
+  onClick() {
+    console.log('Button clicked');
+  }
+
   ngOnInit(): void {
     this.form = this._formBuilder.group({
       email: ['', [Validators.required, Validators.email]],

src/app/shared/components/button/button.component.html

@@ -1,3 +1,3 @@
-<button [ngClass]="classes">
+<button (click)="onButtonClick()" [ngClass]="classes">
   <ng-content></ng-content>
 </button>

src/app/shared/components/button/button.component.ts

@@ -1,4 +1,4 @@
-import { Component, OnInit, input } from '@angular/core';
+import { Component, EventEmitter, OnInit, Output, input } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { cx } from '../../utils/ckassnames';
 
@@ -25,6 +25,8 @@ export class ButtonComponent implements OnInit {
     transform: (value: boolean | string) => (typeof value === 'string' ? value === '' : value),
   });
 
+  @Output() buttonClick = new EventEmitter<void>();
+
   public classes: string = '';
 
   baseClasses =
@@ -76,6 +78,7 @@ export class ButtonComponent implements OnInit {
   };
 
   constructor() {}
+
   ngOnInit(): void {
     this.classes = cx(
       this.baseClasses,
@@ -85,4 +88,8 @@ export class ButtonComponent implements OnInit {
       this.full() ? 'w-full' : '',
     );
   }
+
+  onButtonClick() {
+    this.buttonClick.emit();
+  }
 }