A rotating circular text badge with a center icon for editorial seals and open for work stamps.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Badge10 } from "@/components/beste/component/badge10";
import { Sparkle } from "lucide-react";
// End the text with a separator so the loop reads cleanly.
<Badge10 text="Open for work • Available now • " size={120} />
<Badge10
text="Award winning studio • Est. 2019 • "
icon={Sparkle} // center icon (default: Asterisk)
tone="muted" // "foreground" (default) | "muted" | "primary"
duration={20} // seconds per rotation
size={140} // diameter in px
/>