import React from 'react';
import type { ElementChildren } from '@coinbase/cds-common/types/React';
import type { SharedAccessibilityProps } from '@coinbase/cds-common/types/SharedAccessibilityProps';
import type { SharedProps } from '@coinbase/cds-common/types/SharedProps';
import { type GroupDirection } from '../layout/Group';
import type { ButtonBaseProps } from './Button';
export type ButtonGroupBaseProps = SharedProps &
  Pick<SharedAccessibilityProps, 'accessibilityLabel'> & {
    /** Expand buttons to fill available space within the group. */
    block?: boolean;
    /** Buttons to render as a group. */
    children: ElementChildren<ButtonBaseProps>;
    /**
     * @default horizontal
     * Stack buttons vertically or horizontally.
     */
    direction?: GroupDirection;
  };
export type ButtonGroupProps = ButtonGroupBaseProps;
export declare const ButtonGroup: React.MemoExoticComponent<
  (_props: ButtonGroupProps) => import('react/jsx-runtime').JSX.Element
>;
//# sourceMappingURL=ButtonGroup.d.ts.map