From bd47b466b96367e7fe8f07067059be3ce6d34b10 Mon Sep 17 00:00:00 2001
From: Gabriel De Los Rios <gabriel.delosrios@tutamail.com>
Date: Sun, 10 Aug 2025 17:59:01 -0300
Subject: [PATCH] refactor: implement new basis and update prefix

---
 .../title-bar-category.component.html                | 12 ++----------
 .../title-bar-category.component.ts                  |  5 +++--
 2 files changed, 5 insertions(+), 12 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 19e2b8a..de39bf1 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,4 +1,4 @@
-<my-wallet-title-bar>
+<mw-title-bar-base-money [amount]="amount()" [amountProps]="amountProps()">
     <my-wallet-typography
         [ellipsis]="true"
         maxWidth="19rem"
@@ -6,13 +6,5 @@
         [letterSpacing]="categoryProps().letterSpacing"
         [lineHeight]="categoryProps().lineHeight"
         [size]="categoryProps().size"
-        slot="item-left"
     >{{category()}}</my-wallet-typography>
-    <my-wallet-money-text 
-        [amount]="amount()"
-        color="var(--mw-gray-500)"
-        [lineHeight]="amountProps().lineHeight"
-        [size]="amountProps().size"
-        slot="item-right" 
-    />
-</my-wallet-title-bar>
\ No newline at end of file
+</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 9cc81da..ee3fb5c 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
@@ -2,11 +2,12 @@ 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: 'my-wallet-title-bar-category',
+  selector: 'mw-title-bar-category',
   standalone: true,
-  imports: [TitleBarComponent, MoneyTextComponent, TypographyComponent],
+  imports: [TitleBarComponent, MoneyTextComponent, TypographyComponent, TitleBarBaseMoneyComponent],
   templateUrl: './title-bar-category.component.html',
   styleUrl: './title-bar-category.component.css'
 })