import { Component, input } from '@angular/core';
import { TitleBarComponent } from './../../atoms/title-bar/title-bar.component'
import { MoneyTextComponent } from './../money-text/money-text.component';
import { TypographyComponent } from './../../atoms/typography/typography.component'
import { TitleBarBaseMoneyComponent } from "../title-bar-base-money/title-bar-base-money.component";

@Component({
  selector: 'mw-title-bar-category',
  standalone: true,
  imports: [TitleBarComponent, MoneyTextComponent, TypographyComponent, TitleBarBaseMoneyComponent],
  templateUrl: './title-bar-category.component.html',
  styleUrl: './title-bar-category.component.css'
})
export class TitleBarCategoryComponent {
  amount = input(0);
  category = input('');
  categoryProps = input({
    ellipsis: true,
    letterSpacing: '0.5px',
    lineHeight: null,
    size: '1.6rem',
  });
  amountProps = input({
    lineHeight: null,
    size: '1.6rem',
  });
}
