import { motion } from 'framer-motion';

// PERUBAHAN: Menerima 'campus' sebagai props
export default function Hero({ campus }) {
    
    // Mengambil bannerURL dari props campus. 
    // Menggunakan optional chaining (?.) untuk menghindari error jika campus null, 
    // dan fallback (||) ke gambar default jika bannerUrl tidak ada.
    const bannerUrl = campus?.bannerUrl || '/images/default.png'; // Fallback ke gambar default

    return (
        <div className="w-full">
            <motion.img
                key={bannerUrl} // Key dipasang pada bannerUrl agar animasi dimuat ulang saat URL berubah
                src={bannerUrl}
                // Alt text dibuat dinamis menggunakan optional chaining
                alt={`Banner utama ${campus?.name || 'Kampus'}`} 
                className="w-full h-auto object-contain"
                initial={{ opacity: 0, y: 20 }}
                animate={{ opacity: 1, y: 0 }}
                transition={{ duration: 0.8, ease: "easeOut" }}
            />
        </div>
    );
}