Subscription

import Subscription from "@/components/zezo/subscription/subscription";
import type { ISubscriptionData } from "@zezosoft/zezo-ott-api-client";

// Single plan card
<Subscription
  plan={{
    _id: "premium",
    name: "Premium Plan",
    price: 199,
    points: ["HD Streaming", "No Ads", "Download Support"],
    isPopular: true
  }}
  onSelect={(plan) => {
    console.log("Selected plan:", plan.name);
    // Handle plan selection
  }}
/>

// Render multiple plans
{plans.map((plan) => (
  <Subscription
    key={plan._id}
    plan={plan}
    onSelect={(plan) => handlePlanSelect(plan)}
  />
))}

interface ISubscriptionData {
  _id: string;              // Required: Unique plan identifier
  name: string;             // Required: Plan name (e.g., "Premium Plan")
  price: number;            // Required: Plan price (displayed as ₹price)
  points?: string[];        // Optional: Array of feature points
  isPopular?: boolean | string; // Optional: Marks plan as popular (shows badge)
  description?: string;     // Optional: Plan description
  duration?: string;        // Optional: Plan duration
  currency?: string[];      // Optional: Supported currencies
  maxVideoQuality?: string; // Optional: Maximum video quality
  // ... other optional fields
}