From 22b3a8f57ff83fbbd4e04a311e9b6ef347b5d9a3 Mon Sep 17 00:00:00 2001
From: Gabriel De Los Rios <gabriel.delosrios@tutamail.com>
Date: Sun, 24 Aug 2025 01:27:42 -0300
Subject: [PATCH] refactor: hide details, expose maxWidth

---
 .../title-bar-category.component.html             |  8 +++-----
 .../title-bar-category.component.ts               | 15 ++++-----------
 2 files changed, 7 insertions(+), 16 deletions(-)

diff --git a/projects/my-wallet-ds/src/lib/molecules/title-bar-category/title-bar-category.component.html b/projects/my-wallet-ds/src/lib/molecules/title-bar-category/title-bar-category.component.html
index 0e5f700..dfc6042 100644
--- a/projects/my-wallet-ds/src/lib/molecules/title-bar-category/title-bar-category.component.html
+++ b/projects/my-wallet-ds/src/lib/molecules/title-bar-category/title-bar-category.component.html
@@ -1,10 +1,8 @@
-<mw-title-bar-base-money [amount]="amount()" [amountProps]="amountProps()">
+<mw-title-bar-base-money [amount]="amount()" [amountProps]="amountProps">
     <mw-typography
         [ellipsis]="true"
-        maxWidth="19rem"
+        [maxWidth]="maxWidth()"
         color="var(--mw-gray-500)"
-        [letterSpacing]="categoryProps().letterSpacing"
-        [lineHeight]="categoryProps().lineHeight"
-        [size]="categoryProps().size"
+        size="1.6rem"
     >{{category()}}</mw-typography>
 </mw-title-bar-base-money>
\ No newline at end of file
diff --git a/projects/my-wallet-ds/src/lib/molecules/title-bar-category/title-bar-category.component.ts b/projects/my-wallet-ds/src/lib/molecules/title-bar-category/title-bar-category.component.ts
index ee3fb5c..e9ff27f 100644
--- a/projects/my-wallet-ds/src/lib/molecules/title-bar-category/title-bar-category.component.ts
+++ b/projects/my-wallet-ds/src/lib/molecules/title-bar-category/title-bar-category.component.ts
@@ -1,27 +1,20 @@
 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],
+  imports: [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',
+  maxWidth = input('19rem')
+  protected amountProps = {
     lineHeight: null,
     size: '1.6rem',
-  });
-  amountProps = input({
-    lineHeight: null,
-    size: '1.6rem',
-  });
+  };
 }