"use client";

import React, { forwardRef } from "react";
import { Menu, MenuProps as AntMenuProps, MenuRef } from "antd";
import { cn } from "@/lib/utils";
import { ItemType } from "antd/es/menu/interface";

export interface MenuProps extends Omit<AntMenuProps, "items"> {
  items?: ItemType[];
  className?: string;
}

const AppMenu = forwardRef<MenuRef, MenuProps>(
  ({ className, items, mode = "vertical", theme = "light", ...props }, ref) => {
    return (
      <Menu
        ref={ref}
        className={cn(className)}
        mode={mode}
        theme={theme}
        items={items}
        {...props}
      />
    );
  },
);

AppMenu.displayName = "AppMenu";

export default AppMenu;