import { Component, OnInit, Input, EventEmitter, Output, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';

@Component({
    selector: 'cbms-popup-lib',
    templateUrl: './popup.component.html',
    styleUrls: ['./popup.component.scss'],
    encapsulation: ViewEncapsulation.None,
    changeDetection: ChangeDetectionStrategy.Eager,
    standalone: false
})
export class PopupComponent {
  @Input('title') title: string = '';
  @Output() public popUpClosed = new EventEmitter();
  @Input('hideClose') hideClose: boolean = false;
  @Input('backgroundColor') backgroundColor: string = '#f1f1f1';
  @Input('marginTop') marginTop: string = '132px';
  @Input('width') width: string;
  @Input('isClosable') isClosable:boolean=true;

  public show: boolean = false;

  showPopup() {
      this.show = true;
  }

  hidePopup() {
      this.show = false;
      this.popUpClosed.emit();
  }
 
}