import { type VariantProps } from "class-variance-authority"; import * as React from "react"; import type { ButtonProps, ButtonSizeType, ButtonVariantType } from "./Button"; import type { DropdownMenuItemProps } from "./Dropdown"; type ButtonGroupButtonItem = { type: "button"; props: ButtonProps; }; type ButtonGroupDropdownItem = { type: "dropdown"; triggerProps: Omit; dropdownProps: { items: DropdownMenuItemProps[]; align?: "start" | "center" | "end"; }; }; export type ButtonGroupItem = ButtonGroupButtonItem | ButtonGroupDropdownItem; type DisallowedButtonGroupVariant = "ghost" | "ghost-secondary" | "highlight" | "warning"; export type ButtonGroupVariantType = Exclude; declare const buttonGroupVariants: (props?: ({ orientation?: "horizontal" | "vertical" | null | undefined; } & import("class-variance-authority/types").ClassProp) | undefined) => string; export interface ButtonGroupProps extends Omit, "children">, VariantProps { /** * Array of button or dropdown items to render in the group. */ items: ButtonGroupItem[]; /** * Variant to apply to all buttons in the group. */ variant?: ButtonGroupVariantType; /** * Size to apply to all buttons in the group. Mini buttons must opt-in per item. */ size?: Exclude; /** * Whether every button should be disabled. */ disabled?: boolean; /** * Remove gaps and merge borders (segmented-control look). */ removeGaps?: boolean; } declare const ButtonGroup: React.ForwardRefExoticComponent>; export { ButtonGroup, buttonGroupVariants }; //# sourceMappingURL=ButtonGroup.d.ts.map