Merge pull request #87 from abusix/ahq2-21-menu-component-into-hailstorm

feat(components): adjust menu button to be div
abusix · Jan 11, 2024 · a83fcf4 · a83fcf4
2 parents b8610fc + 36841be
commit a83fcf4
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/components/menu/menu-button/menu-button.tsx b/src/components/menu/menu-button/menu-button.tsx
@@ -1,11 +1,15 @@
-import React from "react";
 import { Menu as HeadlessMenu } from "@headlessui/react";
+import React from "react";
 
 export interface MenuButtonProps {
     children: React.ReactNode;
     className?: string;
 }
 
 export const MenuButton = ({ children, className }: MenuButtonProps) => {
-    return <HeadlessMenu.Button className={className}>{children}</HeadlessMenu.Button>;
+    return (
+        <HeadlessMenu.Button as="div" className={className}>
+            {children}
+        </HeadlessMenu.Button>
+    );
 };