400 font-semibold">class="text-emerald-400">'use client';
400 font-semibold">import { useState } 400 font-semibold">from 400 font-semibold">class="text-emerald-400">'react';
400 font-semibold">import { VibezBillingModal } 400 font-semibold">from 400 font-semibold">class="text-emerald-400">'400 font-semibold">vibezcheck/react';
 
400 font-semibold">export 400 font-semibold">function TopUpDemo() {
  400 font-semibold">const [modalOpen, setModalOpen] = useState(false);
 
  400 font-semibold">return (
    
       setModalOpen(true)}>Add Credits
 
      
        isOpen={modalOpen}
        onClose={() => setModalOpen(false)}
        notice={{
          status: 400 font-semibold">class="text-emerald-400">'limit_reached',
          tokensUsed: 150000,
          costUSD: 5.00,
          message: 400 font-semibold">class="text-emerald-400">'Free credit quota reached ($5.00 limit). Top up now to continue streaming!',
        }}
        theme=400 font-semibold">class="text-emerald-400">"light"
        testMode={true}
        onSuccess={() => {
          console.log(400 font-semibold">class="text-emerald-400">'Top up successful!');
          setModalOpen(false);
        }}
      />
    
  );
}