import { HTMLAttributes } from 'react';
import { ResponsiveStyleValue } from 'theme-ui';
import { ButtonSize, ButtonVariant } from './common';
export type ButtonGroupProps = {
    /** Variant of the buttons in the group. One of `primary`, `secondary`, or `tertiary`. Defaults to `primary`. */
    variant?: ButtonVariant;
    /** Size of the buttons in the group. One of `small` or `medium`. Defaults to `medium`. */
    size?: ResponsiveStyleValue<ButtonSize>;
    /** Whether the buttons in the group should be disabled. */
    disabled?: boolean;
} & HTMLAttributes<HTMLDivElement>;
/**
 * Group of buttons. Children should be `Button` components.
 *
 * Variants: `Button.Group.Primary`, `Button.Group.Secondary`, `Button.Group.Tertiary`.
 */
export declare const ButtonGroup: import('react').ForwardRefExoticComponent<{
    /** Variant of the buttons in the group. One of `primary`, `secondary`, or `tertiary`. Defaults to `primary`. */
    variant?: ButtonVariant;
    /** Size of the buttons in the group. One of `small` or `medium`. Defaults to `medium`. */
    size?: ResponsiveStyleValue<ButtonSize>;
    /** Whether the buttons in the group should be disabled. */
    disabled?: boolean;
} & HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
    /** Shorthand for `<Button.Group variant="primary" />`. */
    Primary: {
        (props: Omit<ButtonGroupProps, "variant">): import("react").JSX.Element;
        displayName: string;
    };
    /** Shorthand for `<Button.Group variant="secondary" />`. */
    Secondary: {
        (props: Omit<ButtonGroupProps, "variant">): import("react").JSX.Element;
        displayName: string;
    };
    /** Shorthand for `<Button.Group variant="tertiary" />`. */
    Tertiary: {
        (props: Omit<ButtonGroupProps, "variant">): import("react").JSX.Element;
        displayName: string;
    };
};
//# sourceMappingURL=ButtonGroup.d.ts.map