CmHoverCard

import { CmHoverCard } from "cosmemilton-ui/client";

import { CmHoverCard } from "cosmemilton-ui/client";
import { CmBadge, CmStack, CmText } from "cosmemilton-ui/server";

export default function Example() {
  return (
    <CmHoverCard
      trigger={<CmBadge tone="primary">Cliente premium</CmBadge>}
    >
      <CmStack gap="xs">
        <CmText weight="semibold">Acme Ltda.</CmText>
        <CmText tone="muted">Ticket medio 34% acima da carteira.</CmText>
      </CmStack>
    </CmHoverCard>
  );
}