MediaStatusIndicator

import { MediaStatusIndicator } from "@fanvue/ui";
import type { MediaStatusIndicatorProps, MediaStatusIndicatorStatus } from "@fanvue/ui";

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

<MediaStatusIndicator status="default" />

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

<div className="flex items-center gap-4">
  <MediaStatusIndicator status="default" />
  <MediaStatusIndicator status="removed" />
  <MediaStatusIndicator status="sensitive" />
</div>

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

<MediaStatusIndicator status="removed" />

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

<MediaStatusIndicator status="sensitive" />

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

<div className="relative size-40 overflow-hidden rounded-lg bg-neutral-800">
  <div className="absolute top-2 right-2">
    <MediaStatusIndicator status="sensitive" />
  </div>
</div>