1import { View } from "react-native";
2
3import { MediaVideoPlayer } from "../../components/MediaVideoPlayer";
4import type { MediaVideoPreviewSource } from "../../lib/videoPreviewSource";
5
6export function WorkspaceFileVideoPreview(props: {
7 readonly name: string;
8 readonly thumbnailKey: string;
9 readonly uri: string | null;
10 readonly source: MediaVideoPreviewSource | null;
11 readonly resolvePlaybackUri: () => Promise<string | null>;
12}) {
13 const uri = props.uri;
14
15 return (
16 <View className="flex-1 items-center justify-center bg-sheet p-4">
17 <MediaVideoPlayer
18 uri={uri}
19 resolvePlaybackUri={props.resolvePlaybackUri}
20 name={props.name}
21 thumbnailKey={props.thumbnailKey}
22 fitToVideo
23 actionsSource={props.source?.actionsSource}
24 />
25 </View>
26 );
27}