AiDisclosureLabel

import { AiDisclosureLabel } from "@fanvue/ui";
import type {
  AiDisclosureLabelProps,
  AiDisclosureLabelSize,
  AiDisclosureLabelTone,
} from "@fanvue/ui";

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

<div className="flex flex-col gap-4 rounded-md bg-linear-to-br from-[#0e3b2f] via-[#1f8f6a] to-[#35d0a5] p-6">
  <AiDisclosureLabel label="Generated" tone="dark" />
  <AiDisclosureLabel label="Generated" tone="light" />
  <AiDisclosureLabel label="Generated" tone="transparent" />
</div>

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

<div className="flex items-center gap-4">
  <AiDisclosureLabel label="Modified" size="12" />
  <AiDisclosureLabel label="Modified" size="16" />
  <AiDisclosureLabel label="Modified" size="20" />
</div>

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

<AiDisclosureLabel label="Generated" />

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

<AiDisclosureLabel label="Modified" />

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

<AiDisclosureLabel label="Modifié" />