import { ChangeDetectionStrategy, Component } from '@angular/core';
import { RouterOutlet } from '@angular/router';
import { NavRailComponent } from '../nav-rail/nav-rail.component';
import { BottomNavComponent } from '../bottom-nav/bottom-nav.component';
import { HeaderBarComponent } from '../header-bar/header-bar.component';

/**
 * Layout Shell — wraps the main content area with adaptive navigation.
 * Desktop/Kiosk: Nav Rail (left) + Header + Content
 * Mobile: Header + Content + Bottom Nav
 * Per spec Section 3.1 (kiosk) and 3.2 (mobile).
 */
@Component({
  selector: 'app-layout-shell',
  standalone: true,
  imports: [RouterOutlet, NavRailComponent, BottomNavComponent, HeaderBarComponent],
  templateUrl: './layout-shell.component.html',
  styleUrl: './layout-shell.component.scss',
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class LayoutShellComponent {}