import * as React from 'react';
import { type BadgeProps } from '../../../atoms/display/Badge/index.js';
import { type AvatarProps } from '../../data/Avatar/index.js';
export type DisplayValueType = 'default' | 'icon-leading' | 'trailing-text' | 'link' | 'tags' | 'leading-text' | 'avatar' | 'badge';
export interface DisplayValueTag extends Omit<BadgeProps, 'avatar' | 'children'> {
    label: string;
    avatar?: string;
    avatarAlt?: string;
}
export interface DisplayValueProps extends React.HTMLAttributes<HTMLDivElement> {
    /** Label text displayed above the field */
    label?: string;
    /** The main value to display */
    value?: React.ReactNode;
    /** Hint text displayed below the field */
    hint?: string;
    /** Show help icon with tooltip */
    helpIcon?: boolean;
    /** Tooltip content for help icon */
    helpTooltip?: string;
    /** Leading icon for icon-leading type */
    icon?: React.ReactNode;
    /** Size variant */
    size?: 'sm' | 'md';
    /** Display type */
    type?: DisplayValueType;
    /** RTL layout support */
    rtl?: boolean;
    /** Leading text (for leading-text type) */
    leadingText?: string;
    /** Trailing text (for trailing-text type) */
    trailingText?: string;
    /** Link URL (for link type) */
    linkHref?: string;
    /** Avatar props (for avatar type) */
    avatarProps?: AvatarProps;
    /** Supporting text for avatar */
    avatarSupportingText?: string;
    /** Badge props (for badge type) */
    badgeProps?: Omit<BadgeProps, 'children'>;
    /** Badge label (for badge type) */
    badgeLabel?: string;
    /** Tags data (for tags type) */
    tags?: DisplayValueTag[];
}
declare const DisplayValue: React.ForwardRefExoticComponent<DisplayValueProps & React.RefAttributes<HTMLDivElement>>;
export { DisplayValue };