初始提交：全国记者站管理系统

2026-08-01 23:09:49 +08:00
commit 45fbba0308
96 changed files with 21514 additions and 0 deletions
@@ -0,0 +1,25 @@
+import type { LucideIcon } from 'lucide-react'
+
+interface MetricCardProps {
+  icon: LucideIcon
+  label: string
+  value: string
+  delta?: string
+  hint?: string
+  color: string
+}
+
+export function MetricCard({ icon: Icon, label, value, delta, hint, color }: MetricCardProps) {
+  return (
+    <div className="metric">
+      <div className={`metric-icon ${color}`}>
+        <Icon size={21} />
+      </div>
+      <div>
+        <span>{label}</span>
+        <strong>{value}</strong>
+        <small className={hint ? 'warn' : ''}>{delta ?? hint}</small>
+      </div>
+    </div>
+  )
+}