import React from "react";
export interface ButtonGroupProps extends React.ComponentPropsWithoutRef<"div"> {
    /**
     * The buttons to render in the group. A button group holds a single, double
     * or triple action.
     */
    children?: React.ReactNode;
    /**
     * Direction of the group.
     *
     * - `RTL` (default) aligns the actions to the end of the container, with the
     *   most important action last (right). This is the default for most button
     *   groups, e.g. in modals and cards.
     * - `LTR` aligns the actions to the start of the container, with the most
     *   important action first (left). Use this in a full page form.
     */
    direction?: "RTL" | "LTR";
}
/**
 * A button group is a container that defines the button combinations that can
 * be used in the UI. It takes a single, double or triple action as children and
 * takes care of the spacing and alignment between them.
 *
 * The buttons themselves are the regular button components, so any combination
 * of `PrimaryButton`, `SecondaryButton`, `TertiaryButton` and their icon
 * counterparts can be passed in.
 *
 * @example
 * ```tsx
 * <ButtonGroup>
 *   <SecondaryButton>Cancel</SecondaryButton>
 *   <PrimaryButton>Save</PrimaryButton>
 * </ButtonGroup>
 * ```
 */
export declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;