import { default as React } from 'react';
export type KeyValuePairLayoutProps = {
    containerStyle: React.CSSProperties;
    keyContainerStyle: React.CSSProperties;
    valueContainerStyle: React.CSSProperties;
    keySlotStyle: React.CSSProperties;
    keyContent: React.ReactNode;
    valueContent: React.ReactNode;
    keySlot?: React.ReactNode;
    valueLeftSlot?: React.ReactNode;
    valueRightSlot?: React.ReactNode;
    dataKeyValuePair?: string;
    ariaLabel?: string;
    keyDataElement?: string;
    keyDataId?: string;
    valueDataElement?: string;
    valueDataId?: string;
};
/**
 * Layout-only presentational component for KeyValuePair.
 * Renders the structure: container > key block (content + slot) | value block (left slot + content + right slot).
 * No tokens or business logic; receives pre-computed styles and content.
 */
export declare const KeyValuePairLayout: React.ForwardRefExoticComponent<KeyValuePairLayoutProps & React.RefAttributes<HTMLDivElement>>;