"use client"; export interface InsufficientCreditsDialogProps { open: boolean; creditBalance: number; requiredCredits: number; shortfallCredits: number; onClose: () => void; onConfirm: () => void; } export function InsufficientCreditsDialog({ open, creditBalance, requiredCredits, shortfallCredits, onClose, onConfirm, }: InsufficientCreditsDialogProps) { if (!open) return null; const showCreditDetail = requiredCredits > 0 || shortfallCredits > 0; return (

Not enough credits

Top up your credits to unlock this message and keep the moment going.

{showCreditDetail ? (
Balance
{creditBalance}
Required
{requiredCredits}
Still needed
{shortfallCredits}
) : null}
); }