apps/web/src/components/editor/timeline/track-icon.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
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" />
			)}
		</>
	);
}