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

@Component({
  selector: 'app-patient-overview-panel',
  standalone: true,
  imports: [CommonModule],
  templateUrl: './patient-overview-panel.component.html',
  styleUrls: ['./patient-overview-panel.component.scss'],
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class PatientOverviewPanelComponent {
  @Input() totalAppointments = 0;
  @Input() upcomingCount = 0;
  @Input() completedCount = 0;
  @Input() cancelledCount = 0;

  @Output() quickNav = new EventEmitter<string>();

  goTo(tab: string): void {
    this.quickNav.emit(tab);
  }
}

