converted to button

abusix · Aug 5, 2024 · 2b80042 · 2b80042
1 parent 70f77ad
commit 2b80042
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/components/popover-menu/popover-menu-panel.tsx b/src/components/popover-menu/popover-menu-panel.tsx
@@ -9,15 +9,15 @@ export interface PopoverMenuPanelItemProps {
 
 const PopoverMenuPanelItem = ({ children, onClick }: PopoverMenuPanelItemProps) => {
     return (
-        <div
-            className="flex w-full cursor-pointer items-center overflow-hidden px-4 py-2 hover:bg-neutral-100 focus:ring-2 focus:ring-primary-200"
+        <button
+            className="flex w-full cursor-pointer items-center overflow-hidden px-4 py-2 text-sm font-normal hover:bg-neutral-100 focus:ring-2 focus:ring-primary-200"
+            type="button"
+            tabIndex={0}
             onClick={onClick}
             onKeyDown={onClick}
-            tabIndex={0}
-            role="button"
         >
-            <p className="text-sm font-normal">{children}</p>
-        </div>
+            {children}
+        </button>
     );
 };