import { default as React } from 'react';
import { StyleProps } from '../../style-engine';
declare const objectLabelStyles: import('../../style-engine').StylesDef<{
    gap: {
        sm: string;
        md: string;
        lg: string;
    };
}>;
type ObjectLabelVariantProps = StyleProps<typeof objectLabelStyles>;
/**
 * Props for the ObjectLabel component
 */
export interface ObjectLabelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, keyof ObjectLabelVariantProps>, ObjectLabelVariantProps {
    /** The object to display (icon, image, avatar, etc.) */
    object: React.ReactNode;
    /** Label text or JSX to display below the object */
    label: string | React.ReactNode;
    /** Spacing between the object and label */
    gap?: 'sm' | 'md' | 'lg';
}
/**
 * Displays an object (icon, image, avatar, etc.) with a label below it.
 * Useful for showing visual elements with associated text in a
 * vertically-aligned layout.
 *
 * @example
 * ```tsx
 * <ObjectLabel
 *   object={<UserIcon />}
 *   label="John Doe"
 * />
 * ```
 */
export declare function ObjectLabel({ object, label, gap, className, ...props }: ObjectLabelProps): React.JSX.Element;
export declare namespace ObjectLabel {
    var displayName: string;
}
export {};