import { Button } from "./button.js";
import { DropdownMenu as Menu } from "./menu.js";
import { Popover } from "./popover.js";
import { ComponentProps, ReactNode } from "react";
//#region src/components/split-button.d.ts
type SplitButtonSharedProps = {
  menuLabel: string;
  primaryDescriptionId?: string;
  menuDescriptionId?: string;
  onPrimaryClick: NonNullable<ComponentProps<typeof Button>["onClick"]>;
  menu: ReactNode;
  primaryDisabled?: boolean;
  menuDisabled?: boolean;
  size?: "sm" | "md";
  className?: string;
};
type SplitButtonPrimary = {
  children: ReactNode;
  primaryLabel: string;
} | {
  children: string;
  primaryLabel?: never;
};
type SplitButtonProps = SplitButtonSharedProps & SplitButtonPrimary & ({
  surface?: "menu";
  open?: ComponentProps<typeof Menu>["open"];
  onOpenChange?: ComponentProps<typeof Menu>["onOpenChange"];
} | {
  surface: "popover";
  open?: ComponentProps<typeof Popover>["open"];
  onOpenChange?: ComponentProps<typeof Popover>["onOpenChange"];
});
/** Two independent actions share quiet chrome; only the chevron opens the secondary surface. */
export declare const SplitButton: (props: SplitButtonProps) => import("react").JSX.Element;
//#endregion