From e4b57b91d124bca4deeb9730e895b2bff7919fd9 Mon Sep 17 00:00:00 2001
From: Bryan Cunningham <bryan.cunningham@me.com>
Date: Tue, 27 Jan 2026 09:04:09 -0500
Subject: [PATCH] remove unnecessary variables

---
 libs/components/src/button/button.component.html | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/libs/components/src/button/button.component.html b/libs/components/src/button/button.component.html
index 1a9cf1c1fd1..5d236080c4a 100644
--- a/libs/components/src/button/button.component.html
+++ b/libs/components/src/button/button.component.html
@@ -1,22 +1,18 @@
-@let showLoadingStyles = showLoadingStyle();
-@let leadIcon = startIcon();
-@let tailIcon = endIcon();
-
 <ng-template #buttonContent>
   <ng-content></ng-content>
 </ng-template>
 
 <span class="tw-relative tw-flex tw-items-center tw-justify-center">
-  <span [class.tw-invisible]="showLoadingStyles">
-    @if (leadIcon || tailIcon) {
+  <span [class.tw-invisible]="showLoadingStyle()">
+    @if (startIcon() || endIcon()) {
       <div class="tw-flex tw-items-center tw-gap-2">
-        @if (leadIcon) {
+        @if (startIcon()) {
           <i class="{{ startIconClasses() }}"></i>
         }
         <div>
           <ng-container *ngTemplateOutlet="buttonContent"></ng-container>
         </div>
-        @if (tailIcon) {
+        @if (endIcon()) {
           <i class="{{ endIconClasses() }}"></i>
         }
       </div>
@@ -26,7 +22,7 @@
       </div>
     }
   </span>
-  @if (showLoadingStyles) {
+  @if (showLoadingStyle()) {
     <span class="tw-absolute tw-inset-0 tw-flex tw-items-center tw-justify-center">
       <bit-spinner size="fill" noColor></bit-spinner>
     </span>