import React from 'react'; import { FlintHoverCardContent as FlintHoverCardContentElement } from '@getufy/flint-ui/hover-card/flint-hover-card'; /** * The floating card panel. Position is controlled via `placement` and `align`. Place inside `flint-hover-card`; its `open` state is managed by the parent. * * @slot (default) - Rich content displayed inside the card. */ export interface FlintHoverCardContentProps extends React.HTMLAttributes { /** * Which side of the trigger to display the card on. * Allowed values: 'top' | 'right' | 'bottom' | 'left' */ placement?: 'top' | 'right' | 'bottom' | 'left'; /** * Alignment of the card along the cross axis relative to the trigger. * Allowed values: 'start' | 'center' | 'end' */ align?: 'start' | 'center' | 'end'; /** Whether the card is visible. Managed by the parent `flint-hover-card`. */ open?: boolean; /** When true, uses `position: fixed` to escape overflow containers. */ hoist?: boolean; } export declare const FlintHoverCardContent: React.ForwardRefExoticComponent>;