import {
  HoverCard,
  HoverCardContent,
  HoverCardTrigger,
} from "@/components/ui/hover-card";

export default function HoverItem({
  trigger,
  children
}: {
  trigger: string | JSX.Element;
  children: React.ReactNode;
}) {
  return (
    <HoverCard>
      <HoverCardTrigger className="cursor-pointer">{trigger}</HoverCardTrigger>
      <HoverCardContent className="text-sm w-full">
        {children}
      </HoverCardContent>
    </HoverCard>
  );
}
