import React from 'react';
import { FlintCopyButton as FlintCopyButtonElement } from '@getufy/flint-ui/copy-button/flint-copy-button';
export interface FlintCopyDetail {
    value: string;
}
export interface FlintCopyErrorDetail {
    reason: string;
}
/**
 * Copy Button: copies text to the clipboard with visual feedback.
 */
export interface FlintCopyButtonProps extends React.HTMLAttributes<FlintCopyButtonElement> {
    /** The text value to copy. */
    value?: string;
    /** An id referencing another element to copy from. */
    from?: string;
    /** Disables the copy button. */
    disabled?: boolean;
    /** Label shown in the tooltip (idle state). Defaults to localized "Copy". Set to empty string to hide. */
    copyLabel?: string | undefined;
    /** Label shown in the tooltip after successful copy. Defaults to localized "Copied!". Set to empty string to hide. */
    successLabel?: string | undefined;
    /** Label shown in the tooltip on copy error. */
    errorLabel?: string;
    /** Duration (ms) to show feedback before returning to idle. */
    feedbackDuration?: number;
    /**
     * Tooltip placement.
     * Allowed values: 'top' | 'right' | 'bottom' | 'left'
     */
    tooltipPlacement?: 'top' | 'right' | 'bottom' | 'left';
    /**
     * Fired after a successful copy operation. detail: `{ value: string }`
     * DOM event: `flint-copy`
     */
    onFlintCopy?: (event: CustomEvent<FlintCopyDetail>) => void;
    /**
     * Fired when the copy operation fails. detail: `{ reason: string }`
     * DOM event: `flint-copy-error`
     */
    onFlintCopyError?: (event: CustomEvent<FlintCopyErrorDetail>) => void;
}
export declare const FlintCopyButton: React.ForwardRefExoticComponent<FlintCopyButtonProps & React.RefAttributes<FlintCopyButtonElement>>;