wip

src/shared/notes/preview/video.tsx

@@ -1,9 +1,13 @@
+import ReactPlayer from "react-player/es6";
+
 export function VideoPreview({ urls }: { urls: string[] }) {
 	return (
-		<div
-			onClick={(e) => e.stopPropagation()}
-			onKeyDown={(e) => e.stopPropagation()}
-			className="relative mt-3 max-w-[420px] flex w-full flex-col overflow-hidden rounded-lg bg-zinc-950"
-		/>
+		<div className="relative mt-3 max-w-[420px] flex w-full flex-col gap-2">
+			{urls.map((url) => (
+				<div key={url} className="aspect-video">
+					<ReactPlayer url={url} width="100%" height="100%" />
+				</div>
+			))}
+		</div>
 	);
 }