fix(components): fix margin when there is no icon

MTES-MCT · Nov 28, 2024 · 4d0edd6 · 4d0edd6
1 parent b667ea0
commit 4d0edd6
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/Message/index.tsx b/src/components/Message/index.tsx
@@ -31,13 +31,13 @@ export function Message({
   return (
     <Box $level={level} className={controlledClassName} {...nativeProps}>
       {!withoutIcon && <ControlledIcon color={controlledIconColor} />}
-      <ChildrenContainer>{children}</ChildrenContainer>
+      <ChildrenContainer $withMargin={!withoutIcon}>{children}</ChildrenContainer>
     </Box>
   )
 }
 
-const ChildrenContainer = styled.div`
-  margin-left: 8px;
+const ChildrenContainer = styled.div<{ $withMargin: boolean }>`
+  margin-left: ${({ $withMargin }) => ($withMargin ? 8 : 0)}px;
   display: flex;
   flex-direction: column;
   flex: 1;