function BankerOffer({ gameState, t, activeGame, cpPot, cpStep, balance, round, currentOffer, rejectOffer, acceptOffer, formatMoney, Icons, lang }) {
    if (gameState !== 'banker') return null;

    return (
        <div className="fixed inset-0 z-50 flex items-center justify-center p-6 bg-slate-950/40 backdrop-blur-[2px]">
            <div className="bg-slate-900/95 border border-white/10 rounded-[2rem] p-8 max-w-sm w-full shadow-[0_0_80px_rgba(0,0,0,0.4)] relative overflow-hidden">
                <div className="absolute top-0 left-0 w-full h-1.5 bg-gradient-to-r from-amber-500 via-orange-500 to-amber-500"></div>
                <div className="text-center space-y-6">
                    <div className="w-14 h-14 mx-auto bg-amber-500 text-slate-950 rounded-2xl flex items-center justify-center shadow-lg shadow-amber-500/20 rotate-3">
                        <Icons.DollarSign size={28} />
                    </div>
                    <div className="space-y-1">
                        <h3 className="text-xl font-black text-white uppercase tracking-wider">{t.bankerOfferTitle}</h3>
                        <p className="text-slate-400 font-medium text-sm italic px-2 leading-relaxed opacity-80">
                            "{(activeGame === 'cardPath' ? cpPot : balance) > 250000 ? t.bankerWinningMessage : ((activeGame === 'cardPath' ? cpStep : round) >= 8 || (activeGame === 'cardPath' ? cpPot : balance) < -100000) ? t.bankerRiskMessage : t.bankerDefaultMessage}"
                        </p>
                    </div>
                    <div className="py-6 px-4 bg-slate-950/60 rounded-2xl border border-white/5 shadow-inner">
                        <p className="text-5xl font-black text-amber-400 tracking-tight italic">{formatMoney(currentOffer)}</p>
                    </div>
                    <div className="grid grid-cols-2 gap-4 pt-2">
                        <button onClick={acceptOffer} className="py-4 rounded-xl bg-slate-800 hover:bg-slate-700 text-slate-300 font-bold text-lg transition-all active:scale-95 border border-white/10 flex items-center justify-center gap-2">
                            <Icons.CheckCircle size={22} /> {t.cashOut || (lang === 'TR' ? 'Parayı Al' : 'Cash Out')}
                        </button>
                        <button onClick={rejectOffer} className="py-4 rounded-xl bg-indigo-600 hover:bg-indigo-500 text-white font-black text-lg transition-all active:scale-95 shadow-lg shadow-indigo-500/20 flex items-center justify-center gap-2">
                            <Icons.XCircle size={22} /> {t.takeRisk || (lang === 'TR' ? 'Risk Al' : 'Take Risk')}
                        </button>
                    </div>
                </div>
            </div>
        </div>
    );
}

window.BankerOffer = BankerOffer;