import { useRender } from '@base-ui/react/use-render';
import { VariantProps } from 'class-variance-authority';
import { Separator } from './separator';
declare const buttonGroupVariants: (props?: ({
    orientation?: "horizontal" | "vertical" | null | undefined;
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
type ButtonGroupProps = React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>;
/**
 * Groups related buttons together with fused borders and shared styling.
 * Supports horizontal and vertical orientations.
 */
declare function ButtonGroup({ className, orientation, ...props }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;
type ButtonGroupTextProps = useRender.ComponentProps<"div">;
/**
 * Text or status display element within a button group.
 * Use `render` prop to customize the underlying element.
 */
declare function ButtonGroupText({ className, render, ...props }: ButtonGroupTextProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
type ButtonGroupSeparatorProps = React.ComponentProps<typeof Separator>;
/**
 * Visual separator between button groups or sections within a group.
 * Automatically orients based on parent ButtonGroup orientation.
 */
declare function ButtonGroupSeparator({ className, orientation, ...props }: ButtonGroupSeparatorProps): import("react/jsx-runtime").JSX.Element;
export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, type ButtonGroupProps, type ButtonGroupSeparatorProps, type ButtonGroupTextProps, };
//# sourceMappingURL=button-group.d.ts.map