hover-reveal

1import type * as React from 'react';
2import { HoverCard, HoverCardContent, HoverCardTrigger } from '@/components/ui/hover-card';
3 
4export interface HoverRevealProps extends React.RefAttributes<HTMLDivElement> {
5  children: React.ReactNode;
6  content: React.ReactNode;
7}
8 
9export function HoverReveal({ children, content, ...props }: HoverRevealProps) {
10  return (
11    <HoverCard {...props}>
12      <HoverCardTrigger className='cursor-pointer'>{children}</HoverCardTrigger>
13      <HoverCardContent className='text-sm w-full'>{content}</HoverCardContent>
14    </HoverCard>
15  );
16}