Initial Commit

2_frontend/src/shared/components/Kbd.tsx

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react"
+
+/** 키캡 뱃지. 단축키 힌트 표시용(예: <Kbd>Ctrl</Kbd><Kbd>N</Kbd>). */
+export function Kbd({ children }: { children: ReactNode }) {
+  return (
+    <kbd className="border-border bg-muted text-muted-foreground inline-flex h-4 min-w-4 items-center justify-center rounded border px-1 font-mono text-[10px] leading-none font-medium">
+      {children}
+    </kbd>
+  )
+}