import { ProvenanceBadge } from "@provenancekit/ui";
// Floating badge over content (default)
<ProvenanceBadge cid="bafybei..." position="bottom-right">
<img src="/my-image.jpg" alt="AI-generated artwork" />
</ProvenanceBadge>
// Inline badge next to text
<ProvenanceBadge cid="bafybei..." variant="inline" size="sm">
<p>This AI-generated poem has provenance.</p>
</ProvenanceBadge>
// Pre-fetched bundle (skip auto-fetch)
<ProvenanceBadge bundle={myBundle} onViewDetail={() => router.push(`/provenance/${cid}`)}>
<video src="/video.mp4" />
</ProvenanceBadge>
