import { default as React } from 'react';
export type CopyLabelVariant = 'boxed' | 'inline';
export interface CopyLabelProps {
    /** The label text displayed above or beside the value */
    label: string;
    /** The value to display and copy to clipboard */
    value: string;
    /** Visual variant: boxed (default) shows value in a bordered container, inline shows a compact side-by-side layout */
    variant?: CopyLabelVariant;
    /** Use monospace font for the value (ideal for API keys, codes, etc.) */
    mono?: boolean;
    /** Optional className for the container */
    className?: string;
    /** Callback fired when value is successfully copied */
    onCopy?: (value: string) => void;
}
/**
 * A label-value pair with one-tap copy-to-clipboard functionality.
 * Click anywhere on the value or the copy button to copy.
 *
 * **Variants:**
 * - `boxed` (default) — Value displayed in a bordered box with visual feedback
 * - `inline` — Compact side-by-side layout without a box
 *
 * @example
 * ```tsx
 * <CopyLabel label="API key" value="demo_api_key_abc123" mono />
 * <CopyLabel label="Email" value="user@example.com" variant="inline" />
 * ```
 *
 * @beta This component is experimental — prop shape may change before release.
 */
export declare const CopyLabel: React.FC<CopyLabelProps>;
//# sourceMappingURL=CopyLabel.d.ts.map