import { Component, Input } from "@angular/core";
import { BHPNavbarConfig } from "./navbar.config";

@Component({
  selector: "BHPNavBar",
  template: `
      <ng-content select="[static]"></ng-content>
      <ng-content select="[toggle]"></ng-content>
      <ng-content></ng-content>
    `
})

export class BHPNavbarComponent {
  @Input() isOpen: boolean ;

  constructor(_config: BHPNavbarConfig) {
    Object.assign(this, _config);
  }

  toggle(){
    this.isOpen = !this.isOpen;
  }

  expand(){
    this.isOpen = true;
  }

  collapse(){
    this.isOpen = false;
  }
}