import React from "react";

type MenuItems = {
  label?: string;
  onClick?: () => void;
  key?: string;
  type?: "menuItem" | "divider";
  isVisible?: boolean;
  hasSubItems?: boolean;
  menuItems?: MenuItems[];
  dropdownProps?: {
    position?: string;
    trigger?: string;
  };
};

type DropdownButtonProps = {
  style?: string;
  size?: "small" | "medium" | "large";
  iconSize?: number;
  disabled?: boolean;
  isRounded?: boolean;
  tooltipProps?: {
    content?: string;
    position?: string;
    [key: string]: any;
  };
};

interface MoreDropdownProps {
  dropdownButtonProps?: DropdownButtonProps;
  isVertical?: boolean;
  isDisabled?: boolean;
  dropdownProps?: object;
  menuTopChildren?: React.ReactNode;
  menuBottomChildren?: React.ReactNode;
  menuItems?: MenuItems[];
}

const MoreDropdown: React.FC<MoreDropdownProps>;

export default MoreDropdown;