danabra.mov
forked from
slices.network/slices
Highly ambitious ATProtocol AppView service and sdks
chadtmiller.com
consistent styling across the board, more shared components, oauth form bug fixes, dark mode support, and stuff
1import { cn } from "../../utils/cn.ts";
2
3interface LogLevelBadgeProps {
4 level: string;
5}
6
7export function LogLevelBadge({ level }: LogLevelBadgeProps) {
8 const colors: Record<string, string> = {
9 error: "bg-red-100 dark:bg-red-900/20 text-red-800 dark:text-red-300",
10 warn: "bg-yellow-100 dark:bg-yellow-900/20 text-yellow-800 dark:text-yellow-300",
11 info: "bg-blue-100 dark:bg-blue-900/20 text-blue-800 dark:text-blue-300",
12 debug: "bg-gray-100 dark:bg-zinc-800 text-gray-800 dark:text-zinc-300",
13 };
14
15 return (
16 <span
17 className={cn(
18 "px-2 py-1 rounded text-xs font-medium",
19 colors[level] || colors.debug
20 )}
21 >
22 {level.toUpperCase()}
23 </span>
24 );
25}