23 lines
416 B
TypeScript
23 lines
416 B
TypeScript
"use client";
|
|
|
|
const TONES = {
|
|
gold: "badge-gold",
|
|
blue: "badge-blue",
|
|
purple: "badge-purple",
|
|
green: "badge-green",
|
|
red: "badge-red",
|
|
gray: "badge-gray",
|
|
} as const;
|
|
|
|
export type BadgeTone = keyof typeof TONES;
|
|
|
|
export default function Badge({
|
|
tone = "gray",
|
|
children,
|
|
}: {
|
|
tone?: BadgeTone;
|
|
children: React.ReactNode;
|
|
}) {
|
|
return <span className={`badge ${TONES[tone]}`}>{children}</span>;
|
|
}
|