import { Component, ViewChild } from '@angular/core';
import { Page } from '@nativescript/core';
import { PageRouterOutlet } from './page-router-outlet';

@Component({
  // tslint:disable-next-line:component-selector
  selector: 'ns-empty-outlet',
  template: "<page-router-outlet isEmptyOutlet='true'></page-router-outlet>",
  standalone: true,
  imports: [PageRouterOutlet],
})
export class NSEmptyOutletComponent {
  @ViewChild(PageRouterOutlet, { read: PageRouterOutlet, static: false }) pageRouterOutlet: PageRouterOutlet;
  constructor(private page: Page) {
    if (this.page) {
      this.page.actionBarHidden = true;

      this.page.on('loaded', () => {
        if (this.pageRouterOutlet && this.page.frame) {
          this.pageRouterOutlet.setActionBarVisibility(this.page.frame.actionBarVisibility);
        }
      });
    }
  }
}
