import * as React from "react";
import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
/**
 * HoverCard Component
 *
 * A card that appears on hover, typically used to show additional information
 * about an element without requiring a click.
 *
 * @example
 * ```tsx
 * <HoverCard>
 *   <HoverCardTrigger>Hover me</HoverCardTrigger>
 *   <HoverCardContent>
 *     <p>Additional information here</p>
 *   </HoverCardContent>
 * </HoverCard>
 * ```
 */
declare function HoverCard({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
declare namespace HoverCard {
    var displayName: string;
}
/**
 * HoverCardTrigger Component
 *
 * The element that triggers the hover card to appear.
 */
declare function HoverCardTrigger({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
declare namespace HoverCardTrigger {
    var displayName: string;
}
/**
 * HoverCardContent Component
 *
 * The content that appears in the hover card.
 */
declare function HoverCardContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof HoverCardPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
declare namespace HoverCardContent {
    var displayName: string;
}
export { HoverCard, HoverCardTrigger, HoverCardContent };
//# sourceMappingURL=hover-card.d.ts.map