From 511d3408f321a366cd4eccb1ed78adf8fb4a6288 Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Tue, 25 Feb 2025 22:08:20 +0800
Subject: [PATCH] feat(editor): add WorkspaceEditorHeader component with
 LanguageSelector

---
 .../@workspace/@editor/components/header.tsx  | 24 +++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 src/app/(app)/playground/@workspace/@editor/components/header.tsx

diff --git a/src/app/(app)/playground/@workspace/@editor/components/header.tsx b/src/app/(app)/playground/@workspace/@editor/components/header.tsx
new file mode 100644
index 0000000..d44b940
--- /dev/null
+++ b/src/app/(app)/playground/@workspace/@editor/components/header.tsx
@@ -0,0 +1,24 @@
+import { cn } from "@/lib/utils";
+import LanguageSelector from "./language-selector";
+
+interface WorkspaceEditorHeaderProps {
+  className?: string;
+}
+
+export default function WorkspaceEditorHeader({
+  className,
+  ...props
+}: WorkspaceEditorHeaderProps) {
+  return (
+    <header
+      {...props}
+      className={cn("h-8 flex items-center p-1 border-b", className)}
+    >
+      <div className="w-full flex items-center">
+        <div className="flex items-center gap-x-2">
+          <LanguageSelector />
+        </div>
+      </div>
+    </header>
+  );
+}