AiDisclosureBadge

import { AiDisclosureBadge } from "@fanvue/ui";
import type { AiDisclosureBadgeProps, AiDisclosureBadgeTone } from "@fanvue/ui";

import { AiDisclosureBadge } from "@fanvue/ui";

<AiDisclosureBadge />

import { AiDisclosureBadge } from "@fanvue/ui";

<div className="flex gap-4">
  <div className="flex items-center gap-3 rounded-md bg-linear-to-br from-[#e8f5ef] via-[#9fd8c2] to-[#f7fbf9] p-6">
    <AiDisclosureBadge tone="dark" className="size-6" />
    <AiDisclosureBadge tone="transparent" className="size-6" />
  </div>
  <div className="flex items-center gap-3 rounded-md bg-linear-to-br from-[#0e3b2f] via-[#1f8f6a] to-[#0b2b23] p-6">
    <AiDisclosureBadge tone="light" className="size-6" />
    <AiDisclosureBadge tone="transparent" className="size-6" />
  </div>
</div>

import { AiDisclosureBadge } from "@fanvue/ui";

<div className="flex items-center gap-4">
  <AiDisclosureBadge className="size-4" />
  <AiDisclosureBadge className="size-6" />
  <AiDisclosureBadge className="size-8" />
</div>