Hover Card

1'use client';
2 
3import type { ComponentRef } from 'react';
4import { forwardRef } from 'react';
5import { useComponentConfig } from '../config-provider/context';
6import HoverCardUI from './HoverCardUI';
7import type { HoverCardProps } from './types';
8 
9const HoverCard = forwardRef<ComponentRef<typeof HoverCardUI>, HoverCardProps>((props, ref) => {
10  const config = useComponentConfig('hoverCard');
11 
12  const mergedProps = {
13    ...config,
14    ...props
15  };
16 
17  return (
18    <HoverCardUI
19      {...mergedProps}
20      ref={ref}
21    />
22  );
23});
24 
25HoverCard.displayName = 'HoverCard';
26 
27export default HoverCard;