presentational-button.component.ts

presentational-button.component.ts

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

@Component({
  selector: 'app-presentational-button',
  template: /* html */ `
    <button (click)="handleButtonClick()">
      {{ buttonLabel || 'Submit' }}
    </button>
  `
})
export class PresentationalButtonComponent implements OnInit {
  @Input() buttonLabel: string;
  @Output() press = new EventEmitter<string>();

  constructor() {}

  ngOnInit() {}

  handleButtonClick(): void {
    this.press.emit(`${this.buttonLabel || 'Submit'} was pressed!`);
  }
}