import { Component } from '@angular/core';
import { Conduit, ConduitZone, ConduitZoneComponent } from '@ux-aspects/ux-aspects';
import { BehaviorSubject } from 'rxjs';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
  providers: [ConduitZone],
})
export class AppComponent extends ConduitZoneComponent {
  zoneId: string = 'root-zone';

  @Conduit({ id: 'show-zones', producesOutput: false })
  showZones = new BehaviorSubject(false);
}