import { default as React } from 'react';
export interface MentionOption {
    /** Option ID */
    id: string;
    /** Display label */
    label: string;
    /** Optional avatar/icon */
    avatar?: string;
    /** Optional metadata */
    metadata?: string;
}
export interface MentionInputProps {
    /** Input value */
    value: string;
    /** Change handler */
    onChange: (value: string) => void;
    /** Mention options */
    mentions: MentionOption[];
    /** Mention trigger character */
    trigger?: string;
    /** Placeholder text */
    placeholder?: string;
    /** Disabled state */
    disabled?: boolean;
    /** Additional className */
    className?: string;
}
/**
 * MentionInput Component
 *
 * Text input with mention/tag suggestions.
 * Triggers dropdown when typing @ or custom character.
 *
 * @example
 * ```tsx
 * <MentionInput
 *   value={message}
 *   onChange={setMessage}
 *   mentions={users}
 *   placeholder="Type @ to mention someone"
 * />
 * ```
 *
 * @example
 * ```tsx
 * <MentionInput
 *   value={text}
 *   onChange={handleChange}
 *   mentions={contacts}
 *   trigger="@"
 * />
 * ```
 */
export declare const MentionInput: React.FC<MentionInputProps>;
//# sourceMappingURL=mention-input.d.ts.map