import { CommonModule } from '@angular/common';
import { Component, EventEmitter, Input, Output } from '@angular/core';

@Component({
  selector: 'lib-sidebar',
  standalone: true,
  imports: [CommonModule],
  templateUrl: './sidebar.component.html',
  styleUrl: './sidebar.component.css'
})
export class SidebarComponent {
  display = "none";
  isSideBarOpen: boolean = false;
  @Input() public listIcon = '../../assets/images/list.svg';
  
  @Output() sidebarOpenEvent = new EventEmitter<boolean>();


  constructor(
  ) {

  }
 
  
  closeMenu() {
    if (this.isSideBarOpen) {
      this.isSideBarOpen = !this.isSideBarOpen;
      // this.sharedDataService.isSideBarOpen = this.isSideBarOpen;
      // this.isSideBarOpenChange.emit(this.isSideBarOpen);
    }
  }
  toggleMenu() {
    this.isSideBarOpen = !this.isSideBarOpen;
    this.sidebarOpenEvent.emit(this.isSideBarOpen);
    // this.sharedDataService.isSideBarOpen = this.isSideBarOpen;
    // this.isSideBarOpenChange.emit(this.isSideBarOpen);
  }
}