import { ClassValue, StyledComponentProps } from "../../types/shared.js";
import { HoverCardSlots } from "./hover-card-variants.js";
import { HoverCardArrowProps, HoverCardContentProps, HoverCardProps } from "@radix-ui/react-hover-card";

//#region src/components/hover-card/types.d.ts

/**
 * Class names for different slots in the hover card component.
 * Allows customizing styles for specific parts of the hover card.
 */
type HoverCardClassNames = Partial<Record<HoverCardSlots, ClassValue>>;
/**
 * Props for the main Hover Card component.
 * A floating card that appears when hovering over a trigger element.
 *
 * @example
 * ```tsx
 * <HoverCard
 *   trigger={<span>Hover me</span>}
 *   showArrow
 *   contentProps={{ side: 'right' }}
 * >
 *   <p>This content appears on hover</p>
 * </HoverCard>
 * ```
 */
type HoverCardProps$1 = StyledComponentProps<HoverCardProps> & {
  /**
   * Props to customize the arrow indicator of the hover card.
   * Only applied when showArrow is true.
   */
  arrowProps?: HoverCardArrowProps$1;
  /**
   * Class names for customizing different parts of the hover card component.
   */
  classNames?: HoverCardClassNames;
  /**
   * Props to customize the content container of the hover card.
   * Includes positioning, delay, and other content behaviors.
   */
  contentProps?: Omit<HoverCardContentProps$1, 'children' | 'className'>;
  /**
   * Whether to display the arrow indicator pointing to the trigger element.
   * Defaults to false.
   */
  showArrow?: boolean;
  /**
   * Element that triggers the hover card to appear.
   * Can be any React element or component.
   */
  trigger?: React.ReactNode;
};
/**
 * Props for the hover card arrow component.
 * The small arrow/pointer that visually connects the trigger to the card.
 */
type HoverCardArrowProps$1 = StyledComponentProps<HoverCardArrowProps>;
/**
 * Props for the hover card content component.
 * Container for the content displayed in the floating hover card.
 */
type HoverCardContentProps$1 = StyledComponentProps<HoverCardContentProps>;
//#endregion
export { HoverCardArrowProps$1 as HoverCardArrowProps, HoverCardClassNames, HoverCardContentProps$1 as HoverCardContentProps, HoverCardProps$1 as HoverCardProps };