import { Component, inject, computed } from '@angular/core';
import { MatButtonModule } from '@angular/material/button';
import { MatIconModule } from '@angular/material/icon';
import { MatTableModule } from '@angular/material/table';
import { RouterLink } from '@angular/router';

import { PrinterService } from '../printer.service';
@Component({
  selector: 'app-printer-list',
  templateUrl: './printer-list.component.html',
  styleUrls: ['./printer-list.component.css'],
  imports: [MatButtonModule, MatIconModule, MatTableModule, RouterLink],
})
export class PrinterListComponent {
  private printerService = inject(PrinterService);
  listResource = this.printerService.list();

  dataSource = computed(() => this.listResource.value() ?? []);
  /** Columns displayed in the table. Columns IDs can be added, removed, or reordered. */
  displayedColumns = ['name', 'address', 'cutCode'];
}