import { ComponentPropsWithoutRef } from 'react';
import { DataTrackingId, LayoutUtilProps } from '../../types';
/**
 * Props for the ButtonCompound component
 * @extends LayoutUtilProps
 * @extends ComponentPropsWithoutRef<"button">
 */
export type ButtonCompoundProps = LayoutUtilProps & ComponentPropsWithoutRef<"button"> & {
    /**
     * The shape of the compound button.
     * @default rounded
     */
    shape?: "pill" | "circular" | "rounded";
} & 
/**
 * Data tracking id
 */
DataTrackingId;
/**
 * ButtonCompound component for creating compound button layouts.
 *
 * Features:
 * - Three shape options (pill, circular, rounded)
 * - Transparent background for compound layouts
 * - Supports layout utilities for positioning and spacing
 * - Full accessibility support with proper ARIA attributes
 * - Flexible content support
 * - Consistent styling with other button components
 * - Hover and active state management
 * - Automatic tracking ID generation for analytics
 *
 * @example
 * <ButtonCompound shape="circular">
 *   <Avatar name="John Doe" />
 * </ButtonCompound>
 */
export declare const ButtonCompound: import('react').ForwardRefExoticComponent<LayoutUtilProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
    /**
     * The shape of the compound button.
     * @default rounded
     */
    shape?: "pill" | "circular" | "rounded";
} & DataTrackingId & import('react').RefAttributes<HTMLButtonElement>>;