From ed9468230436a0e3c4775946b8bbc8ac82af70b0 Mon Sep 17 00:00:00 2001
From: Gonzalo Uceda <gonzalo.uceda@devo.com>
Date: Mon, 10 Jul 2023 11:14:05 +0200
Subject: [PATCH] fix(BoxMessage): comment crashing code

---
 .../src/components/BoxMessage/StyledBoxMessage.ts | 15 ++++++++++-----
 .../BoxMessage/components/BoxMessageClose.tsx     |  8 ++++----
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/packages/core/src/components/BoxMessage/StyledBoxMessage.ts b/packages/core/src/components/BoxMessage/StyledBoxMessage.ts
index d07a08c01..013dd1872 100644
--- a/packages/core/src/components/BoxMessage/StyledBoxMessage.ts
+++ b/packages/core/src/components/BoxMessage/StyledBoxMessage.ts
@@ -11,14 +11,19 @@ export const StyledBoxMessage = styled.div<StyledBoxMessageProps>`
   ${({ status = 'info', theme }) => {
     const cmpTokens = theme.cmp.boxMessage;
 
+    // return css`
+    //   position: relative;
+    //   display: flex;
+    //   gap: ${cmpTokens.space.padding};
+    //   border: ${cmpTokens.shape.borderSize} solid
+    //     ${cmpTokens.color.border[status]};
+    //   border-radius: ${cmpTokens.shape.borderRadius};
+    //   padding: ${cmpTokens.space.padding};
+    //   background-color: ${cmpTokens.color.background[status]};
+    // `;
     return css`
       position: relative;
       display: flex;
-      gap: ${cmpTokens.space.padding};
-      border: ${cmpTokens.shape.borderSize} solid
-        ${cmpTokens.color.border[status]};
-      border-radius: ${cmpTokens.shape.borderRadius};
-      padding: ${cmpTokens.space.padding};
       background-color: ${cmpTokens.color.background[status]};
     `;
   }}
diff --git a/packages/core/src/components/BoxMessage/components/BoxMessageClose.tsx b/packages/core/src/components/BoxMessage/components/BoxMessageClose.tsx
index fd1d4a2cc..6ea53c052 100644
--- a/packages/core/src/components/BoxMessage/components/BoxMessageClose.tsx
+++ b/packages/core/src/components/BoxMessage/components/BoxMessageClose.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { useTheme } from 'styled-components';
+// import { useTheme } from 'styled-components';
 
 import {
   MouseEventAttrProps,
@@ -19,12 +19,12 @@ export const BoxMessageClose: React.FC<BoxMessageCloseProps> = ({
   tooltip,
   styles,
 }) => {
-  const theme = useTheme();
+  // const theme = useTheme();
   return (
     <Box
       position="absolute"
-      positionRight={theme.cmp.boxMessage.close.space.offset.right}
-      positionTop={theme.cmp.boxMessage.close.space.offset.top}
+      // positionRight={theme.cmp.boxMessage.close.space.offset.right}
+      // positionTop={theme.cmp.boxMessage.close.space.offset.top}
       styles={styles}
     >
       <IconButtonRemove onClick={onClick} tooltip={tooltip} size={'sm'} />