import { BaseItemDto } from "@jellyfin/sdk/lib/generated-client/models";
import React from "react";
import { View } from "react-native";

export const WatchedIndicator: React.FC<{ item: BaseItemDto }> = ({ item }) => {
  return (
    <>
      {item.UserData?.Played === false &&
        (item.Type === "Movie" || item.Type === "Episode") && (
          <View className="bg-purple-600 w-8 h-8 absolute -top-4 -right-4 rotate-45"></View>
        )}
    </>
  );
};
