import { Component } from '@angular/core';

@Component({
  selector: 'bh-study-plan',
  standalone: true,
  imports: [],
  template: `<ol>
      @for (stage of stages; track stage) {
        <li>{{ stage }}</li>
      }
    </ol>
    <p data-result>Four practice stages</p>`,
})
export class App {
  stages = [
    'Templates and components',
    'Signals and forms',
    'Services, HTTP and routes',
    'Rendering and project tests',
  ];
}