import { Component, computed } from '@angular/core';
import { ExpenseService } from '../../services/expense.service';
import { MatTableModule } from '@angular/material/table';
import { MatCardModule } from '@angular/material/card';
import { ExpenseComponent } from '../expense/expense.component';
import {Divider} from '../divider/divider';

@Component({
  selector: 'app-expense-list',
  imports: [MatTableModule, MatCardModule, ExpenseComponent, Divider],
  templateUrl: './expense-list.component.html',
  styleUrl: './expense-list.component.scss'
})
export class ExpenseListComponent {
  protected expenses = computed(() => this.expensesService.expenses())

  public constructor(private readonly expensesService: ExpenseService) { }
}