import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
import { ActivatedRoute } from '@angular/router';

/** Pantalla aún no implementada: se reemplaza ruta por ruta a medida que se construyen. */
@Component({
  selector: 'sbo-coming-soon-page',
  changeDetection: ChangeDetectionStrategy.OnPush,
  template: `
    <h1>{{ title }}</h1>
    <p>Esta pantalla aún no está disponible.</p>
  `,
  styles: `
    h1 { margin: 0 0 6px; font-size: 18px; font-weight: 600; }
    p { margin: 0; color: var(--quiet); }
  `,
})
export class ComingSoonPage {
  protected readonly title = inject(ActivatedRoute).snapshot.data['title'] as string;
}