import { trackSplit } from 'ripple';
import { useHoverCardContext, type UseHoverCardContext } from './use-hover-card-context';

export interface HoverCardContextProps {
  children: (context: UseHoverCardContext) => any;
}

export component HoverCardContext(props: HoverCardContextProps) {
  const [children] = trackSplit(props, ['children']);
  const context = useHoverCardContext();

  <@children {context} />
}