import {
  Component,
  Inject,
  InjectionToken,
  Optional,
} from '@angular/core';
import { WindowService } from '../../window.service';
import { WindowTaskBarComponent } from '../window-task-bar.component';
import { MatToolbarModule } from '@angular/material/toolbar';
import { MatIconModule } from '@angular/material/icon';
import { MatBadgeModule } from '@angular/material/badge';
import { MatButtonModule } from '@angular/material/button';
import {
  NgClass,
  NgIf,
} from '@angular/common';

export interface WindowTaskBarContainerSettings {
  expand?: boolean;
}

export const RXAP_WINDOW_TASK_BAR_CONTAINER_SETTINGS = new InjectionToken('rxap/window-system/task-bar-container');

@Component({
    selector: 'rxap-window-task-bar-container',
    templateUrl: './window-task-bar-container.component.html',
    styleUrls: ['./window-task-bar-container.component.scss'],
    imports: [
        NgIf,
        MatButtonModule,
        MatBadgeModule,
        MatIconModule,
        MatToolbarModule,
        WindowTaskBarComponent,
        NgClass,
    ]
})
export class WindowTaskBarContainerComponent {

  public expand = true;

  constructor(
    @Inject(WindowService)
    public windowService: WindowService,
    @Optional()
    @Inject(RXAP_WINDOW_TASK_BAR_CONTAINER_SETTINGS)
      settings: WindowTaskBarContainerSettings | null = null,
  ) {
    if (settings) {
      if (settings.expand !== undefined) {
        this.expand = settings.expand;
      }
    }
  }

}