"use client";

import { Sparkles } from "lucide-react";
import { cn } from "@/lib/utils";

export function StarterTemplateBadge({ className }: { className?: string }) {
  return (
    <span
      className={cn(
        "inline-flex items-center gap-1.5 rounded-full border border-violet-400/20 bg-violet-500/[0.12] px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.12em] text-violet-300",
        className,
      )}
    >
      <Sparkles className="h-2.5 w-2.5" />
      Starter template
    </span>
  );
}