feat(MenuButton): 14063 Allow passing className for MenuPopover

konturio · Sep 9, 2024 · 7f31539 · 7f31539
1 parent bc84192
commit 7f31539
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/packages/ui-kit/src/MenuButton/components/MenuList/index.tsx b/packages/ui-kit/src/MenuButton/components/MenuList/index.tsx
@@ -11,9 +11,13 @@ import type { ForwardRefComponent } from '../../../utils/component-helpers/polym
 export interface MenuListProps {
   portal?: boolean;
   children: React.ReactNode;
+  className?: string;
+  classes?: {
+    popover?: string;
+  };
 }
 
-export const MenuList = React.forwardRef(({ portal = true, className, ...props }, forwardedRef) => {
+export const MenuList = React.forwardRef(({ portal = true, className, classes, ...props }, forwardedRef) => {
   const dynamicClasses = cn(
     {
       [style.menuList]: true,
@@ -22,7 +26,7 @@ export const MenuList = React.forwardRef(({ portal = true, className, ...props }
   );
 
   return (
-    <MenuPopover portal={portal}>
+    <MenuPopover className={classes?.popover} portal={portal}>
       <MenuItems {...props} ref={forwardedRef} className={dynamicClasses} />
     </MenuPopover>
   );