💳 Subscription

import React from "react";
import {
  SafeAreaWrapper,
  Subscription,
} from "@zezosoft/zezo-ott-react-native-ui-kit";
import { useState } from "react";
 
const SubscriptionScreen = () => {
  const [subscribingId, setSubscribingId] = useState<string | null>(null);
 
  const handleSubscribe = (plan: any) => {
    setSubscribingId(plan.id);
    setTimeout(() => {
      console.log("✅ Subscribed to:", plan);
      setSubscribingId(null);
    }, 1000);
  };
 
  return (
    <SafeAreaWrapper>
      <Subscription.One
        plans={
          [] // Replace with actual API response from `getZezoOtt().subscriptions.get()`
        }
        isLoading={false}
        header={{
          topTitle: "Subscription",
          title: "Subscribe to enjoy your lovely Movies or Series",
          subTitle:
            "We will help you book your lovely movies instantly and seamlessly. And it’s free!",
        }}
        footer={{
          title:
            "You will be charged ₹99 (monthly plan) or ₹609 (annual plan) through your payment account.",
          subTitle: "You can cancel at any time if not satisfied.",
        }}
        onBackPress={() => console.log("🔙 Back pressed")}
        subscribeLoadingId={subscribingId}
        onSubscribe={handleSubscribe}
        extraContentText="You can also subscribe to our newsletter to get the latest updates on new movies and series."
      />
    </SafeAreaWrapper>
  );
};
 
export default SubscriptionScreen;