TorbatYar/frontend/components/ds/Badge.tsx
Mortezakoohjani 12c8615615 Ship enterprise Accounting FE/API with CRUD parity and production wiring.
Adds accounting-service PATCH/archive, fiscal helpers, COA templates and setup status, plus SuperApp Accounting UI (DS, scoreboard, masters, vouchers, ledger, ops modules) with session refresh and HTTPS public API URLs.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-07-24 15:26:43 +03:30

35 lines
932 B
TypeScript

"use client";
import { cn } from "@/lib/utils";
const tones: Record<string, string> = {
default: "bg-[var(--surface-muted)] text-secondary",
primary: "bg-[var(--color-primary-muted)] text-primary",
success: "bg-emerald-50 text-emerald-700 dark:bg-emerald-950/40 dark:text-emerald-300",
warning: "bg-amber-50 text-amber-700 dark:bg-amber-950/40 dark:text-amber-300",
danger: "bg-red-50 text-red-700 dark:bg-red-950/40 dark:text-red-300",
info: "bg-sky-50 text-sky-700 dark:bg-sky-950/40 dark:text-sky-300",
};
export function Badge({
children,
tone = "default",
className,
}: {
children: React.ReactNode;
tone?: keyof typeof tones;
className?: string;
}) {
return (
<span
className={cn(
"inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium",
tones[tone],
className
)}
>
{children}
</span>
);
}