개요 화면 공통 컴포넌트와 로케일 추가

2026-05-14 17:01:20 +09:00
parent cb602de049
commit c9bf16cf8e
7 changed files with 131 additions and 0 deletions
--- a/common/core/components/overview/OverviewMetric.tsx
+++ b/common/core/components/overview/OverviewMetric.tsx
@@ -0,0 +1,19 @@
+import type { ReactNode } from "react";
+
+export function OverviewMetric({
+  icon,
+  label,
+  value,
+}: {
+  icon: ReactNode;
+  label: string;
+  value: string;
+}) {
+  return (
+    <span className="inline-flex items-center gap-2 whitespace-nowrap text-sm">
+      <span className="text-muted-foreground">{icon}</span>
+      <span className="text-muted-foreground">{label}</span>
+      <span className="font-semibold tabular-nums">{value}</span>
+    </span>
+  );
+}