Watch History

import WatchHistory, { WatchThumbnailItem } from "@/components/zezo/users/WatchHistory/WatchHistory";

const items: WatchThumbnailItem[] = [
  {
    id: "breaking-bad",
    thumbnail: "https://image.tmdb.org/t/p/w500/example.jpg",
    title: "Breaking Bad",
    onClick: () => {
      console.log("Clicked: Breaking Bad");
      // Navigate to content
    }
  }
];

<WatchHistory
  items={items}
  sectionTitle="Your Watch History"
  showPlayIcon={true}
  showTitleBelow={true}
  fallbackImage="/placeholder.jpg"
/>

export interface WatchThumbnailItem {
  id: string;              // Required: Unique identifier for the item
  thumbnail: string;      // Required: Thumbnail image URL
  title?: string;         // Optional: Video title (shown if showTitleBelow is true)
  onClick?: () => void;   // Optional: Click handler for the thumbnail
}