import { Button } from "../../buttons/button/button.mjs";
import { Placement } from "../../../types/variables.mjs";
import { ComponentProps, FC, MouseEventHandler, PropsWithChildren, ReactNode } from "react";

//#region src/components/overlays/dropdown-menu/dropdown-menu.d.ts
declare const DropdownMenu: {
  readonly Root: FC<PropsWithChildren<{
    placement?: Placement;
  }>>;
  readonly Content: FC<{
    children?: ReactNode | undefined;
  }>;
  readonly Item: FC<{
    onClick: MouseEventHandler;
    label: string;
    index?: number;
  }>;
  readonly Trigger: FC<{
    text: string;
    size?: ComponentProps<typeof Button>["size"];
    variant?: ComponentProps<typeof Button>["variant"];
  }>;
  readonly IconTrigger: FC<{
    icon: ReactNode;
    label: string;
  }>;
};
//#endregion
export { DropdownMenu };