import { Component, EventEmitter, Input, Output } from '@angular/core';
import { IonicModule } from '@ionic/angular';
import { NgIf, NgClass } from '@angular/common';

@Component({
    selector: 'app-profile-complete-indicator',
    templateUrl: './profile-complete-indicator.component.html',
    styleUrls: ['./profile-complete-indicator.component.scss'],
    standalone: true,
    imports: [NgIf, IonicModule, NgClass]
})
export class ProfileCompleteIndicatorComponent {
  @Input() page: string;
  @Input() points: number;
  @Input() percentage: number;
  @Input() completed: number;
  @Output() clicked = new EventEmitter();

  goToEditProfile(e: Event) {
    e.stopPropagation();
    this.clicked.emit();
  }

}
