yss-project/src/app/shared/components/progress-bar/progress-bar.component.ts

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

export interface ProgressSection {
  key: string;
  label: string;
}

@Component({
  selector: 'app-progress-bar',
  standalone: true,
  imports: [CommonModule],
  templateUrl: './progress-bar.component.html',
  styles: [`
    :host {
      display: block;
    }
  `]
})
export class ProgressBarComponent {
  @Input() sections: ProgressSection[] = [];
  @Input() getSectionStatus!: (key: string) => 'completed' | 'active' | 'pending';
}