feat: splits working code

1 files changed, 18 insertions, 0 deletions

diff --git a/apps/web/src/components/editor/timeline/track-icon.tsx b/apps/web/src/components/editor/timeline/track-icon.tsx
new file mode 100644
index 00000000..e250a0d8
--- /dev/null
+++ b/apps/web/src/components/editor/timeline/track-icon.tsx
@@ -0,0 +1,18 @@
+import { Video, Music, TypeIcon } from "lucide-react";
+import type { TimelineTrack } from "@/types/timeline";
+
+export function TrackIcon({ track }: { track: TimelineTrack }) {
+  return (
+    <>
+      {track.type === "media" && (
+        <Video className="w-4 h-4 flex-shrink-0 text-muted-foreground" />
+      )}
+      {track.type === "text" && (
+        <TypeIcon className="w-4 h-4 flex-shrink-0 text-muted-foreground" />
+      )}
+      {track.type === "audio" && (
+        <Music className="w-4 h-4 flex-shrink-0 text-muted-foreground" />
+      )}
+    </>
+  );
+}