0b37c5e692
Website (14 monoliths split): - compliance/page.tsx (1,519 → 9), docs/audit (1,262 → 20) - quality (1,231 → 16), alerts (1,203 → 10), docs (1,202 → 11) - i18n.ts (1,173 → 8 language files) - unity-bridge (1,094 → 12), backlog (1,087 → 6) - training (1,066 → 8), rag (1,063 → 8) - Deleted index_original.ts (4,899 LOC dead backup) Studio-v2 (5 monoliths split): - meet/page.tsx (1,481 → 9), messages (1,166 → 9) - AlertsB2BContext.tsx (1,165 → 5 modules) - alerts-b2b/page.tsx (1,019 → 6), korrektur/archiv (1,001 → 6) All existing imports preserved. Zero new TypeScript errors. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
32 lines
830 B
TypeScript
32 lines
830 B
TypeScript
'use client'
|
|
|
|
export function StatCard({
|
|
title,
|
|
value,
|
|
color = 'gray',
|
|
icon,
|
|
}: {
|
|
title: string
|
|
value: string | number
|
|
color?: 'red' | 'yellow' | 'green' | 'blue' | 'gray'
|
|
icon?: React.ReactNode
|
|
}) {
|
|
const colorClasses = {
|
|
red: 'bg-red-50 border-red-200 text-red-700',
|
|
yellow: 'bg-yellow-50 border-yellow-200 text-yellow-700',
|
|
green: 'bg-green-50 border-green-200 text-green-700',
|
|
blue: 'bg-blue-50 border-blue-200 text-blue-700',
|
|
gray: 'bg-gray-50 border-gray-200 text-gray-700',
|
|
}
|
|
|
|
return (
|
|
<div className={`rounded-lg border p-4 ${colorClasses[color]}`}>
|
|
<div className="flex items-center justify-between">
|
|
<p className="text-sm font-medium opacity-80">{title}</p>
|
|
{icon}
|
|
</div>
|
|
<p className="text-2xl font-bold mt-1">{value}</p>
|
|
</div>
|
|
)
|
|
}
|