import { type StoryObj } from "@storybook/react-vite";
declare const meta: {
    title: string;
    component: import("react").ForwardRefExoticComponent<import("../src").ButtonGroupProps & import("react").RefAttributes<HTMLDivElement>>;
    parameters: {
        docs: {
            description: {
                component: string;
            };
        };
    };
};
export default meta;
type Story = StoryObj<typeof meta>;
/**
 * A single action. Most commonly a primary button.
 */
export declare const Single: Story;
/**
 * Two actions. The most important action is placed last, so it sits closest to
 * the edge of the container.
 */
export declare const Double: Story;
/**
 * Three actions. This is the maximum a button group should hold.
 */
export declare const Triple: Story;
/**
 * The default `RTL` direction aligns the actions to the end of the container,
 * with the most important action last. Use `LTR` in a full page form, which
 * aligns the actions to the start with the most important action first.
 */
export declare const Direction: Story;
/**
 * The button group is only a container, so any combination of the button
 * components can be used as its actions. These are the combinations defined in
 * the design system.
 */
export declare const Combinations: Story;