import { default as React } from 'react';
export interface HoverCardProps {
    /** Trigger element */
    trigger: React.ReactNode;
    /** Card content */
    children: React.ReactNode;
    /** Placement relative to trigger */
    placement?: 'top' | 'bottom' | 'left' | 'right';
    /** Delay before showing (ms) */
    openDelay?: number;
    /** Delay before hiding (ms) */
    closeDelay?: number;
    /** Additional className */
    className?: string;
}
/**
 * HoverCard Component
 *
 * Rich content card that appears on hover.
 * Useful for user profiles, previews, and contextual information.
 *
 * @example
 * ```tsx
 * <HoverCard
 *   trigger={<span>@username</span>}
 *   placement="top"
 * >
 *   <div className="p-4">
 *     <h3>User Profile</h3>
 *     <p>Bio information...</p>
 *   </div>
 * </HoverCard>
 * ```
 *
 * @example
 * ```tsx
 * <HoverCard
 *   trigger={<img src={avatar} alt="Avatar" />}
 *   openDelay={500}
 * >
 *   <UserCard user={userData} />
 * </HoverCard>
 * ```
 */
export declare const HoverCard: React.FC<HoverCardProps>;
//# sourceMappingURL=hover-card.d.ts.map