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

@Component({
  selector: 'app-hub-page',
  standalone: true,
  imports: [],
  template: `
    <div class="hub-page">
      <p class="hub-page__placeholder">Command Hub — Fleet status grid will render here</p>
    </div>
  `,
  styles: [`
    .hub-page {
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 400px;
    }
    .hub-page__placeholder {
      color: var(--cc-on-surface-variant);
      font-size: 16px;
    }
  `],
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class HubPageComponent {}