import { Lock } from "lucide-react";

export function LockedBadge() {
  return (
    <span className="inline-flex items-center gap-1 rounded-full bg-warning/15 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wider text-warning">
      <Lock className="h-3 w-3" /> Locked
    </span>
  );
}

export function PreviewBadge() {
  return (
    <span className="inline-flex items-center gap-1 rounded-full bg-primary/15 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wider text-primary">
      Free Preview
    </span>
  );
}