window.AdSlot = ({ label }) => {
    return (
        <div className="w-full h-24 my-6 rounded-xl border border-dashed border-white/10 bg-white/5 flex flex-col items-center justify-center relative overflow-hidden group hover:border-blue-500/30 transition-colors">
            
            {/* Background Grid Pattern */}
            <div className="absolute inset-0 opacity-10" style={{backgroundImage: 'radial-gradient(#fff 1px, transparent 1px)', backgroundSize: '10px 10px'}}></div>
            
            <span className="text-[9px] font-bold text-blue-400 uppercase tracking-widest mb-1 z-10">Advertisement</span>
            <span className="text-xs text-gray-500 z-10">{label}</span>
            
            {/* Hover Glare */}
            <div className="absolute inset-0 bg-gradient-to-r from-transparent via-white/5 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-1000"></div>
        </div>
    );
};