import { Component } from '@angular/core';
import { WizardComponent } from '@c8y/ngx-components';

@Component({
  selector: 'multiple-entries-one-component',
  template: `
    <c8y-wizard-header> New header entry 1 </c8y-wizard-header>
    <c8y-wizard-body> New body </c8y-wizard-body>
    <c8y-wizard-footer>
      <button (click)="back()" class="btn btn-default" title="{{ 'Back' }}">Back</button>
      <button (click)="cancel()" class="btn btn-default" title="{{ 'Cancel' }}">Cancel</button>
    </c8y-wizard-footer>
  `
})
export class MultipleEntriesOne {
  constructor(private wizardComponent: WizardComponent) {}

  cancel() {
    this.wizardComponent.close('Cancel triggered');
  }

  back() {
    this.wizardComponent.reset('Reset triggered');
  }
}