Hover Card

bun add @adila-sh/ui

import {
  HoverCard,
  HoverCardTrigger,
  HoverCardContent,
} from '@adila-sh/ui';
import { Button } from '@adila-sh/ui';

export function Example() {
  return (
    <HoverCard>
      <HoverCardTrigger render={<Button variant="link">@adila.co</Button>} />
      <HoverCardContent>
        <p className="text-sm font-medium">adila.co</p>
        <p className="text-sm text-muted-foreground">
          Conteúdo contextual do design system.
        </p>
      </HoverCardContent>
    </HoverCard>
  );
}