import { Separator as SeparatorPrimitive } from '@base-ui/react/separator';
import { type VariantProps } from 'class-variance-authority';
import { ButtonGroupText } from '@/components/ui/button-group';
declare const buttonGroupVariants: (props?: ({
    orientation?: "horizontal" | "vertical" | null | undefined;
    shape?: "round" | "rounded" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export interface ButtonGroupProps extends React.ComponentProps<'div'>, VariantProps<typeof buttonGroupVariants> {
}
declare function ButtonGroup({ className, orientation, shape, ...props }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;
declare namespace ButtonGroup {
    var displayName: string;
}
declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof SeparatorPrimitive>): import("react/jsx-runtime").JSX.Element;
declare namespace ButtonGroupSeparator {
    var displayName: string;
}
/**
 * ButtonGroup component with dot notation for compound parts.
 *
 * @example
 * ```tsx
 * <ButtonGroup>
 *   <Button>Button 1</Button>
 *   <ButtonGroup.Separator />
 *   <Button>Button 2</Button>
 * </ButtonGroup>
 * ```
 */
declare const ButtonGroupCompound: typeof ButtonGroup & {
    Root: typeof ButtonGroup;
    Separator: typeof ButtonGroupSeparator;
    Text: typeof ButtonGroupText;
};
export { ButtonGroupCompound as ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, };
