(function() {
    const ViewMarket = () => {
        return (
            <div className="px-4 pt-24 pb-32">
                <h1 className="text-2xl font-bold text-white mb-6">CFF Market</h1>
                <div className="grid grid-cols-2 gap-4">
                    <div className="bg-[#1e1e2e] rounded-2xl border border-white/5 overflow-hidden p-3">
                        <div className="h-24 bg-gray-700 rounded-xl mb-3"></div>
                        <h4 className="font-bold text-white text-sm">Kaos Official</h4>
                        <p className="text-orange-400 font-bold text-xs">Rp 120.000</p>
                    </div>
                    <div className="bg-[#1e1e2e] rounded-2xl border border-white/5 overflow-hidden p-3">
                        <div className="h-24 bg-gray-700 rounded-xl mb-3"></div>
                        <h4 className="font-bold text-white text-sm">Mendoan Box</h4>
                        <p className="text-orange-400 font-bold text-xs">Rp 15.000</p>
                    </div>
                </div>
            </div>
        );
    };
    window.ViewMarket = ViewMarket;
})();