feat: basic audio view in media panel

1 files changed, 18 insertions, 0 deletions

diff --git a/apps/web/src/components/editor/media-panel/views/audio.tsx b/apps/web/src/components/editor/media-panel/views/audio.tsx
new file mode 100644
index 00000000..7ddf465c
--- /dev/null
+++ b/apps/web/src/components/editor/media-panel/views/audio.tsx
@@ -0,0 +1,18 @@
+"use client";

+

+import { Input } from "@/components/ui/input";

+import { useState } from "react";

+

+export function AudioView() {

+  const [search, setSearch] = useState("");

+  return (

+    <div className="h-full flex flex-col gap-2 p-4">

+      <Input

+        placeholder="Search songs and artists"

+        value={search}

+        onChange={(e) => setSearch(e.target.value)}

+      />

+      <div className="flex flex-col gap-2"></div>

+    </div>

+  );

+}