streamyfin_mirror/components/common/LargePoster.tsx

import { Image } from "expo-image";
import { View } from "react-native";

export const LargePoster: React.FC<{ url?: string | null }> = ({ url }) => {
  if (!url)
    return (
      <View className='p-4 rounded-xl overflow-hidden '>
        <View className='w-full aspect-video rounded-xl overflow-hidden border border-neutral-800'></View>
      </View>
    );

  return (
    <View className='p-4 rounded-xl overflow-hidden '>
      <Image
        source={{ uri: url }}
        className='w-full aspect-video rounded-xl overflow-hidden border border-neutral-800'
      />
    </View>
  );
};