import { Component, input, output } from '@angular/core';
import { MoneyTextComponent } from '../money-text/money-text.component';
import { ExpenseIcomeDetailBoxComponent } from '../../atoms/expense-icome-detail-box/expense-icome-detail-box.component';
import { CircledIconComponent } from '../circled-icon/circled-icon.component';
import { TypographyComponent } from '../../atoms';
import { AbstractExpenseIncomeDetailComponent } from '../abstract-expense-income-detail/abstract-expense-income-detail.component';
import { CheckboxComponent } from '../../atoms/checkbox/checkbox.component';

@Component({
  selector: 'mw-expense-income-category-by-account-detail',
  standalone: true,
  imports: [
    CheckboxComponent,
    CircledIconComponent, 
    ExpenseIcomeDetailBoxComponent, 
    MoneyTextComponent, 
    TypographyComponent,
  ],
  templateUrl: './expense-income-category-by-account-detail.component.html',
  styleUrl: './expense-income-category-by-account-detail.component.css'
})
export class ExpenseIncomeCategoryByAccountDetailComponent extends AbstractExpenseIncomeDetailComponent {
  acumAmount = input(0);
  category = input('');  
  checked = output<boolean>();
  showCheckBox = input(false);
}
