import { type HTMLAttributes, type ReactNode } from 'react';
type Orientation = 'horizontal' | 'vertical';
export type ButtonGroupProps = Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> & {
    /** Lay the buttons out in a row (default) or a column. */
    orientation?: Orientation;
    /**
     * Value of the selected button. Providing `value` together with `onChange`
     * turns the group into a single-select segmented control: every child must
     * carry a `value`, and the child whose `value` matches is rendered selected.
     * Pass `null` to render no selection.
     */
    value?: string | null;
    /** Called with the clicked child's `value` when selection is enabled. */
    onChange?: (value: string) => void;
    /** The buttons to group — typically `Button` from `@scality/core-ui/next`. */
    children: ReactNode;
};
declare function ButtonGroup({ orientation, value, onChange, children, ...rest }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;
export { ButtonGroup };
//# sourceMappingURL=ButtonGroup.component.d.ts.map