feat: make MenuLabel to provide spacing between sections (#162)

prismaneui · May 10, 2024 · 23b3594 · 23b3594
1 parent 3b66bd2
commit 23b3594
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/components/Menu/MenuLabel/MenuLabel.tsx b/src/components/Menu/MenuLabel/MenuLabel.tsx
@@ -12,14 +12,21 @@ export type MenuLabelProps = PrismaneProps<
 >;
 
 const MenuLabel = forwardRef<HTMLDivElement, MenuLabelProps>(
-  ({ color = "base", children, className, ...props }, ref) => {
+  ({ color = "base", children, className, sx, ...props }, ref) => {
     return (
       <Flex
         gap={fr(2)}
         py={fr(0.5)}
         px={fr(3)}
         fs="sm"
         cl={(theme) => (theme.mode === "dark" ? [color, 400] : [color, 600])}
+        bdc={(theme) => (theme.mode === "dark" ? ["base", 700] : ["base", 200])}
+        sx={{
+          "&:not(:first-child)": {
+            marginTop: fr(4),
+          },
+          ...sx,
+        }}
         className={strip(
           `${
             className ? className : ""