From 2e0426b21e858e9b65f43f7d1852d65a5e2864dc Mon Sep 17 00:00:00 2001
From: Afsah Nasir <h.h.ithink@gmail.com>
Date: Mon, 19 Sep 2022 13:04:28 +0500
Subject: [PATCH] [@mantine/core] List: Remove extra span tag (#2146)

By Removing the span we can now pass a div or any other JSX Element which can take the full width of the container the list is in.
Eg. I can put Text on the left side and have a button floated / flexed to the right side.
---
 src/mantine-core/src/List/ListItem/ListItem.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/mantine-core/src/List/ListItem/ListItem.tsx b/src/mantine-core/src/List/ListItem/ListItem.tsx
index 4ed3499a088..35176e45e0b 100644
--- a/src/mantine-core/src/List/ListItem/ListItem.tsx
+++ b/src/mantine-core/src/List/ListItem/ListItem.tsx
@@ -33,7 +33,7 @@ export function ListItem({ className, children, icon, ...others }: ListItemProps
     >
       <div className={classes.itemWrapper}>
         {_icon && <span className={classes.itemIcon}>{_icon}</span>}
-        <span>{children}</span>
+        {children}
       </div>
     </Box>
   );