Pacitanku.com, PACITAN – Menjelang libur Hari Raya Idulfitri 1446 H, Badan Penanggulangan Bencana Daerah (BPBD) Pacitan mengimbau para pemudik untuk meningkatkan kewaspadaan terhadap potensi bencana longsor di jalur-jalur mudik.

Imbauan ini diberikan mengingat kondisi cuaca ekstrem yang masih berpotensi terjadi di wilayah Pacitan.

Kepala Pelaksana (Kalaksa) BPBD Pacitan, Erwin Andriatmoko, menjelaskan bahwa terdapat beberapa jalur yang perlu diwaspadai oleh para pemudik, antara lain jalur Pacitan-Ponorogo, jalur Jalan Lintas Selatan (JLS) Kebonagung dan jalur Nawangan-Bandar.

“Kami mengimbau para pemudik untuk ekstra hati-hati saat melintasi jalur-jalur tersebut, terutama jika hujan deras terjadi,”kata pria yang akrab disapa Erwin ini, Sabtu (29/3/2025) di Pacitan.

Lebih lanjut, Erwin menambahkan bahwa BPBD Pacitan akan mendukung penuh pos induk Lebaran guna memastikan kenyamanan dan keselamatan para pemudik.

“Kami akan siaga untuk memberikan respons cepat dalam penanganan bencana dan kecelakaan yang mungkin terjadi selama musim mudik,” tambahnya.

Kewaspadaan ini semakin ditingkatkan setelah terjadi longsor yang menutup jalur provinsi di Desa Gedangan, Kecamatan Tegalombo, pada Jumat (28/3/2025) malam. Material tanah, lumpur, dan batu menutupi badan jalan, menyebabkan kondisi jalan menjadi licin dan berbahaya.

“Potensi longsor susulan masih tinggi mengingat curah hujan belum mereda. Kami meminta pengguna jalan untuk tetap siaga dan tidak memaksakan melintas saat kondisi ekstrem,” tegas Erwin.

Berdasarkan prediksi Badan Meteorologi, Klimatologi, dan Geofisika (BMKG) Stasiun Meteorologi Kelas I Juanda, potensi hujan deras dan cuaca ekstrem masih akan terjadi di Pacitan hingga Rabu (2/4/2025) mendatang.

Kabupaten Pacitan termasuk dalam daerah yang berpotensi mengalami peningkatan cuaca ekstrem, seperti hujan lebat, angin kencang, hujan es, dan puting beliung.

Untuk mengantisipasi hal tersebut, BPBD Pacitan telah menyiagakan pusat pengendalian dan operasi (pusdalops) 24 jam.

Selain itu, posko juga didirikan di Pantai Teleng untuk memastikan keamanan dan kenyamanan wisatawan yang berlibur.

“Kami mengimbau para pemudik untuk selalu memantau informasi cuaca terbaru dan mematuhi imbauan dari petugas,”pungkas Erwin.

import React, { useState, useEffect } from 'react'; import { Waves, Mountain, CloudRain, AlertTriangle, MapPin, Info, Layers, X, Navigation, ShieldAlert, Siren, Radio, Activity, PlayCircle, StopCircle, History, FileText, Quote, UserCircle2, ShieldCheck, CheckCircle2, TrendingUp, Banknote, HeartPulse, Skull, CalendarDays, Sun, Cloud, CloudLightning, CloudSun, Thermometer, Wind, Trash2, Sprout, Trees, Leaf } from 'lucide-react'; const DisasterMap = () => { const [activeLayer, setActiveLayer] = useState('composite'); const [selectedDistrict, setSelectedDistrict] = useState(null); // State untuk Simulasi Interaktif const [isSimulationActive, setIsSimulationActive] = useState(false); const [currentEvent, setCurrentEvent] = useState(null); const [newsTicker, setNewsTicker] = useState("Sistem Pemantauan Bencana Pacitan Siap - Menunggu Data Masuk..."); // Data Wilayah + Data Kejadian 5 Tahun Terakhir + DAMPAK + CUACA (BMKG) const districts = [ // --- KOLOM 1 (BARAT) --- { id: 'dono', name: "Donorojo", grid: "col-start-1 row-start-1", risks: { tsunami: "Sedang", longsor: "Sedang", banjir: "Rendah" }, stats: { tsunami: 0, longsor: 35, banjir: 7 }, impact: { loss: 1.2, dead: 0, injured: 3 }, weather: { type: 'berawan', temp: 26, humidity: 80, label: 'Berawan' }, details: "Perbatasan Jateng & DIY. Wilayah karst, akses goa. Rawan kekeringan & longsor lokal." }, { id: 'punung', name: "Punung", grid: "col-start-1 row-start-2", risks: { tsunami: "Rendah", longsor: "Sedang", banjir: "Rendah" }, stats: { tsunami: 0, longsor: 30, banjir: 5 }, impact: { loss: 0.8, dead: 0, injured: 1 }, weather: { type: 'cerah-berawan', temp: 28, humidity: 75, label: 'Cerah Berawan' }, details: "Pintu gerbang wisata goa. Rawan longsor di jalur utama." }, { id: 'pringkuku', name: "Pringkuku", grid: "col-start-1 row-start-3", risks: { tsunami: "Sedang", longsor: "Sedang", banjir: "Rendah" }, stats: { tsunami: 2, longsor: 28, banjir: 8 }, impact: { loss: 1.5, dead: 1, injured: 4 }, weather: { type: 'cerah', temp: 30, humidity: 70, label: 'Cerah' }, details: "Kawasan wisata pantai (Srau, Watukarung). Rawan laka laut & tsunami." }, // --- KOLOM 2 (TENGAH BARAT) --- { id: 'nawangan', name: "Nawangan", grid: "col-start-2 row-start-1", risks: { tsunami: "Rendah", longsor: "Tinggi", banjir: "Rendah" }, stats: { tsunami: 0, longsor: 80, banjir: 8 }, impact: { loss: 4.5, dead: 2, injured: 12 }, weather: { type: 'hujan-ringan', temp: 23, humidity: 90, label: 'Hujan Ringan' }, details: "Hulu sungai utama. Titik rawan jalur Monumen Jend. Sudirman." }, { id: 'arjo', name: "Arjosari", grid: "col-start-2 row-start-2", risks: { tsunami: "Rendah", longsor: "Tinggi", banjir: "Sedang" }, stats: { tsunami: 0, longsor: 65, banjir: 30 }, impact: { loss: 5.2, dead: 1, injured: 8 }, weather: { type: 'hujan-sedang', temp: 24, humidity: 88, label: 'Hujan Sedang' }, details: "Pertemuan arus sungai. Wilayah perbukitan curam di pelosok." }, { id: 'pacitan', name: "Pacitan (Kota)", grid: "col-start-2 row-start-3", risks: { tsunami: "Tinggi", longsor: "Sedang", banjir: "Tinggi" }, stats: { tsunami: 5, longsor: 15, banjir: 104 }, impact: { loss: 12.5, dead: 0, injured: 25 }, weather: { type: 'hujan-petir', temp: 27, humidity: 85, label: 'Hujan Petir' }, details: "Pusat pemerintahan. Padat penduduk. Muara Sungai Grindulu. Zona Merah Tsunami & Banjir." }, // --- KOLOM 3 (TENGAH TIMUR) --- { id: 'bandar', name: "Bandar", grid: "col-start-3 row-start-1", risks: { tsunami: "Rendah", longsor: "Tinggi", banjir: "Rendah" }, stats: { tsunami: 0, longsor: 70, banjir: 6 }, impact: { loss: 3.8, dead: 3, injured: 10 }, weather: { type: 'hujan-ringan', temp: 22, humidity: 92, label: 'Hujan Ringan' }, details: "Rawan longsor tebing jalan poros desa/kabupaten. Akses sering terputus saat hujan lebat." }, { id: 'kebonagung', name: "Kebonagung", grid: "col-start-3 row-start-3", risks: { tsunami: "Tinggi", longsor: "Sedang", banjir: "Sedang" }, stats: { tsunami: 3, longsor: 25, banjir: 34 }, impact: { loss: 2.1, dead: 0, injured: 5 }, weather: { type: 'berawan', temp: 28, humidity: 80, label: 'Berawan' }, details: "Pesisir timur Teluk Pacitan. Rawan banjir luapan sungai Jelok." }, // --- KOLOM 4 (TIMUR) --- { id: 'tegalombo', name: "Tegalombo", grid: "col-start-4 row-start-1", risks: { tsunami: "Rendah", longsor: "Tinggi", banjir: "Rendah" }, stats: { tsunami: 0, longsor: 105, banjir: 7 }, impact: { loss: 6.4, dead: 0, injured: 6 }, weather: { type: 'hujan-sedang', temp: 23, humidity: 90, label: 'Hujan Sedang' }, details: "ZONA MERAH UTAMA tanah gerak & retakan tanah masif." }, { id: 'tulakan', name: "Tulakan", grid: "col-start-4 row-start-2", risks: { tsunami: "Sedang", longsor: "Tinggi", banjir: "Rendah" }, stats: { tsunami: 1, longsor: 80, banjir: 4 }, impact: { loss: 3.2, dead: 1, injured: 7 }, weather: { type: 'berawan', temp: 25, humidity: 82, label: 'Berawan' }, details: "Desa Wonoanti rawan tanah gerak. Bagian selatan masuk zona pesisir." }, { id: 'ngadirojo', name: "Ngadirojo", grid: "col-start-4 row-start-3", risks: { tsunami: "Sedang", longsor: "Sedang", banjir: "Sedang" }, stats: { tsunami: 4, longsor: 20, banjir: 31 }, impact: { loss: 2.8, dead: 0, injured: 4 }, weather: { type: 'cerah-berawan', temp: 29, humidity: 78, label: 'Cerah Berawan' }, details: "Lorok. Memiliki muara sungai besar & PLTU Sudimoro (perbatasan)." }, // --- KOLOM 5 (TIMUR JAUH) --- { id: 'sudimoro', name: "Sudimoro", grid: "col-start-5 row-start-3", risks: { tsunami: "Sedang", longsor: "Sedang", banjir: "Rendah" }, stats: { tsunami: 2, longsor: 40, banjir: 6 }, impact: { loss: 1.5, dead: 0, injured: 2 }, weather: { type: 'cerah', temp: 31, humidity: 70, label: 'Cerah' }, details: "Ujung timur. Kawasan industri (PLTU) & pesisir." } ]; // Hitung Total Statistik Global const globalStats = districts.reduce((acc, d) => { acc.events += d.stats.tsunami + d.stats.longsor + d.stats.banjir; acc.loss += d.impact.loss; acc.dead += d.impact.dead; acc.injured += d.impact.injured; return acc; }, { events: 0, loss: 0, dead: 0, injured: 0 }); // Data Desa Tangguh Bencana (Destana) const destanaList = [ { name: "Kel. Sidoharjo", district: "Pacitan", type: "Tsunami", status: "Utama", year: "2019" }, { name: "Desa Kembang", district: "Pacitan", type: "Tsunami", status: "Madya", year: "2021" }, { name: "Desa Sidomulyo", district: "Ngadirojo", type: "Tsunami", status: "Utama", year: "2018" }, { name: "Desa Hadiwarno", district: "Ngadirojo", type: "Tsunami", status: "Madya", year: "2020" }, { name: "Desa Sumberejo", district: "Sudimoro", type: "Tsunami", status: "Pratama", year: "2022" }, { name: "Desa Pucangombo", district: "Tegalombo", type: "Longsor", status: "Madya", year: "2021" }, { name: "Desa Sirnoboyo", district: "Pacitan", type: "Banjir/Tsunami", status: "Utama", year: "2017" }, { name: "Desa Watukarung", district: "Pringkuku", type: "Tsunami", status: "Pratama", year: "2023" }, ]; // Data Kutipan Pejabat const officialQuotes = [ { name: "Indrata Nur Bayuaji", role: "Bupati Pacitan", quote: "Mari tingkatkan mitigasi berbasis kearifan lokal dengan semangat gotong royong. Terapkan filosofi 'Eling lan Waspada' untuk menjaga keharmonisan alam dan keselamatan bersama.", source: "Himbauan Kesiapsiagaan Bencana", color: "bg-blue-50 border-blue-200 text-blue-900", image: "Indrata Nur Bayuaji.jpeg", imgFocus: "object-top" }, { name: "Erwin Andriatmoko", role: "Kalaksa BPBD Pacitan", quote: "Tidak perlu panik menyikapi isu megathrust, tetapi tetap waspada. Bencana tidak bisa ditangani sendiri, sinergi pentahelix adalah kunci.", source: "Rilis Pers BPBD, Jan 2026", color: "bg-orange-50 border-orange-200 text-orange-900", image: "Erwin Andriatmoko.jpeg", imgFocus: "object-center" }, { name: "Radite Suryo Anggono", role: "Kabid Kedaruratan BPBD", quote: "Waspada perubahan cuaca ekstrem di awal tahun. Segera lapor ke Pemdes jika ada retakan tanah. Kami siaga 24 jam karena bencana bisa datang sewaktu-waktu.", source: "Laporan Situasi Bencana 2025", color: "bg-slate-50 border-slate-200 text-slate-900", image: "Radite-Suryo-Anggono.jpeg", imgFocus: "object-center" } ]; // --- DATA EDUKASI LINGKUNGAN --- const ecoTips = [ { title: "Kelola Sampah, Cegah Banjir", icon: , color: "bg-rose-50 border-rose-200 text-rose-900", desc: "Sampah yang menyumbat sungai menyebabkan air meluap. Terapkan prinsip 3R (Reduce, Reuse, Recycle) dan jangan buang sampah ke sungai untuk menjaga kelancaran drainase." }, { title: "Pohon Penyerap Air & Pengikat Tanah", icon: , color: "bg-emerald-50 border-emerald-200 text-emerald-900", desc: "Tanam pohon berakar kuat seperti Beringin, Trembesi, atau Rumput Vetiver di lereng. Akarnya efektif mengikat tanah (cegah longsor) dan menyerap air hujan secara maksimal." }, { title: "Mangrove: Benteng Hijau Tsunami", icon: , color: "bg-teal-50 border-teal-200 text-teal-900", desc: "Hutan mangrove (bakau) di pesisir berfungsi sebagai 'Green Belt' yang memecah energi gelombang tsunami hingga 50% dan menahan abrasi. Jaga ekosistem pesisir kita!" } ]; // --- LOGIC SIMULASI --- useEffect(() => { let interval; if (isSimulationActive) { interval = setInterval(() => { triggerRandomEvent(); }, 4000); } else { setCurrentEvent(null); setNewsTicker("Mode Pemantauan Normal. Tidak ada kejadian aktif."); } return () => clearInterval(interval); }, [isSimulationActive]); const triggerRandomEvent = () => { const randomDistrict = districts[Math.floor(Math.random() * districts.length)]; let eventType = 'banjir'; if (randomDistrict.risks.tsunami === 'Tinggi') eventType = 'tsunami'; else if (randomDistrict.risks.longsor === 'Tinggi') eventType = 'longsor'; else if (randomDistrict.risks.banjir === 'Tinggi') eventType = 'banjir'; else { const types = ['banjir', 'longsor']; eventType = types[Math.floor(Math.random() * types.length)]; } const event = { districtId: randomDistrict.id, type: eventType, timestamp: new Date().toLocaleTimeString('id-ID'), severity: 'WASPADA' }; setCurrentEvent(event); const messages = { tsunami: `PERINGATAN DINI: Potensi gelombang tinggi terdeteksi di pesisir ${randomDistrict.name}.`, longsor: `INFO TERKINI: Laporan tanah gerak di wilayah perbukitan ${randomDistrict.name}. Jalur mungkin terputus.`, banjir: `UPDATE CUACA: Sungai meluap di ${randomDistrict.name}. Warga diminta siaga.` }; setNewsTicker(`[BREAKING NEWS ${event.timestamp}] ${messages[eventType]} Harap pantau arahan petugas.`); }; const getDistrictColor = (d) => { if (currentEvent && currentEvent.districtId === d.id) { return 'bg-red-600 text-white animate-pulse ring-4 ring-red-300 z-30 scale-110 shadow-xl'; } let level = 'Rendah'; if (activeLayer === 'composite') { if (d.risks.tsunami === 'Tinggi' || d.risks.longsor === 'Tinggi' || d.risks.banjir === 'Tinggi') return 'bg-slate-700 text-white hover:bg-slate-800'; if (d.risks.tsunami === 'Sedang' || d.risks.longsor === 'Sedang' || d.risks.banjir === 'Sedang') return 'bg-orange-500 hover:bg-orange-600 text-white'; return 'bg-emerald-500 hover:bg-emerald-600 text-white'; } if (activeLayer === 'cuaca') { // Weather Layer Colors (BMKG Style) switch(d.weather.type) { case 'cerah': return 'bg-sky-400 text-white border-sky-200'; case 'cerah-berawan': return 'bg-sky-300 text-white border-sky-100'; case 'berawan': return 'bg-slate-400 text-white border-slate-200'; case 'hujan-ringan': return 'bg-green-500 text-white border-green-300'; case 'hujan-sedang': return 'bg-green-600 text-white border-green-400'; case 'hujan-petir': return 'bg-purple-700 text-white border-purple-400'; default: return 'bg-gray-200'; } } if (activeLayer === 'tsunami') level = d.risks.tsunami; if (activeLayer === 'longsor') level = d.risks.longsor; if (activeLayer === 'banjir') level = d.risks.banjir; switch (level) { case 'Tinggi': return 'bg-red-600 text-white'; case 'Sedang': return 'bg-orange-500 text-white'; case 'Rendah': return 'bg-emerald-500 text-white'; default: return 'bg-gray-200'; } }; const getWeatherIcon = (type) => { switch(type) { case 'cerah': return ; case 'cerah-berawan': return ; case 'berawan': return ; case 'hujan-ringan': return ; case 'hujan-sedang': return ; case 'hujan-petir': return ; default: return ; } }; const mitigationTips = [ { title: 'Tsunami', icon: , text: 'Lari ke tempat tinggi >20m jika gempa >20detik.' }, { title: 'Longsor', icon: , text: 'Tutup retakan tanah, jauhi lereng saat hujan deras.' }, { title: 'Banjir', icon: , text: 'Matikan listrik, amankan dokumen, pantau debit air.' } ]; return (

{/* HEADER DASHBOARD */}

{isSimulationActive && }

Pusat Komando Bencana

Sumber: BPBD Pacitan, Perbup Bupati & Kliping Media (5 Th)

{/* Controls */}

setIsSimulationActive(!isSimulationActive)} className={`flex items-center gap-2 px-4 py-2 rounded-full font-bold text-xs transition-all shadow-md whitespace-nowrap ${isSimulationActive ? 'bg-red-600 text-white hover:bg-red-700 ring-2 ring-red-300' : 'bg-slate-800 text-white hover:bg-slate-700'}`} > {isSimulationActive ? : } {isSimulationActive ? 'Hentikan Simulasi' : 'Mulai Simulasi'}

{['composite', 'tsunami', 'longsor', 'banjir', 'cuaca'].map(layer => ( setActiveLayer(layer)} className={`p-1.5 rounded-md transition-all flex items-center gap-1 ${activeLayer === layer ? 'bg-white shadow text-blue-600' : 'text-slate-400 hover:text-slate-600'}`} title={`Layer ${layer}`} > {layer === 'composite' && } {layer === 'tsunami' && } {layer === 'longsor' && } {layer === 'banjir' && } {layer === 'cuaca' && <>BMKG} ))}

{/* NEWS TICKER */}

LIVE

{newsTicker}

{/* MAIN CONTENT AREA */}

{/* === GLOBAL IMPACT STATS SECTION === */}

Statistik Dampak Bencana (5 Tahun Terakhir)

{/* Card 1: Total Kejadian */}

Total Kejadian

{globalStats.events} kasus

{/* Card 2: Kerugian Materi */}

Est. Kerugian

{globalStats.loss.toFixed(1)} Miliar Rp

{/* Card 3: Korban Luka */}

Korban Luka

{globalStats.injured} orang

{/* Card 4: Korban Jiwa */}

Korban Jiwa

{globalStats.dead} orang

{/* Title Overlay */}

{activeLayer === 'cuaca' ? : } {isSimulationActive ? "MODE SIMULASI AKTIF: Memantau Kejadian..." : activeLayer === 'cuaca' ? "Prakiraan Cuaca Terkini (BMKG)" : `Peta Risiko: ${activeLayer.charAt(0).toUpperCase() + activeLayer.slice(1)}`}

{/* MAP GRID CONTAINER */}

{/* Compass / Direction */}

U

{/* Legend Mini */}

Legenda Peta

{activeLayer === 'cuaca' ? ( // Weather Legend

Cerah

Berawan

Hujan

Badai

) : ( // Disaster Legend <>

Kejadian Aktif

Risiko Tinggi

Risiko Sedang

Risiko Rendah

Statistik (5 Th)

Tsunami

Longsor

Banjir

)}

{/* THE GRID MAP */}

{districts.map((d) => ( setSelectedDistrict(d)} className={` ${d.grid} ${getDistrictColor(d)} aspect-square rounded-full relative shadow-lg transition-all duration-300 flex flex-col justify-between items-center text-center p-2 group border-4 border-white/20 hover:border-white/60 overflow-hidden `} > {/* Event Icon Override */} {currentEvent && currentEvent.districtId === d.id && activeLayer !== 'cuaca' && (

)} {/* Content based on Active Layer */} {activeLayer === 'cuaca' ? ( // WEATHER CONTENT <>

{getWeatherIcon(d.weather.type)}

{d.name} {d.weather.temp}°C

{d.weather.label}

) : ( // DISASTER RISK CONTENT <> {/* Top: Icon Risk */}

{d.risks.tsunami === 'Tinggi' && activeLayer !== 'longsor' && activeLayer !== 'banjir' ? : d.risks.longsor === 'Tinggi' && activeLayer !== 'tsunami' && activeLayer !== 'banjir' ? : d.risks.banjir === 'Tinggi' && activeLayer !== 'tsunami' && activeLayer !== 'longsor' ? : }

{/* Center: Name */} {d.name} {/* Bottom: Detailed Stats */}

{d.stats.tsunami}

{d.stats.longsor}

{d.stats.banjir}

)} ))} {/* Samudera Hindia */}

SAMUDERA HINDIA

{/* --- DAFTAR DESTANA (UPDATED WITH YEAR) --- */}

Jejaring Desa Tangguh Bencana (DESTANA)

Desa/Kelurahan dengan kesiapsiagaan mandiri terverifikasi

{destanaList.map((desa, idx) => (

{desa.status}

{desa.name}

Kec. {desa.district}

Fokus: {desa.type}

{/* ADDED: Year of Establishment */}

Ditetapkan: {desa.year}

))}

{/* --- OFFICIAL QUOTES SECTION --- */}

Imbauan Resmi & Arahan Pejabat

Pernyataan terbaru terkait kewaspadaan bencana di Pacitan

{officialQuotes.map((item, idx) => (

{/* IMAGE AVATAR */}

{ e.target.onerror = null; e.target.style.display = 'none'; e.target.nextSibling.style.display = 'flex'; }} /> {/* Fallback Icon if Image Fails */}

{item.name}

{item.role}

"{item.quote}"

{item.source}

))}

{/* --- MITIGATION CARDS --- */}

{mitigationTips.map((tip, idx) => (

{tip.icon}

{tip.title}

{tip.text}

))}

{/* --- NEW SECTION: ECO EDUCATION --- */}

Edukasi Lingkungan & Mitigasi Hijau

Investasi jangka panjang untuk keselamatan dan kelestarian alam

{ecoTips.map((tip, idx) => (

{tip.icon}

{tip.icon}

{tip.title}

{tip.desc}

))}

{/* MODAL DETAIL / ALERT POPUP */} {selectedDistrict && (

{/* Header Modal */}

setSelectedDistrict(null)} className="absolute top-4 right-4 p-1.5 hover:bg-black/10 rounded-full transition" >

{currentEvent && currentEvent.districtId === selectedDistrict.id ? ( ) : ( )}

{selectedDistrict.name}

{currentEvent && currentEvent.districtId === selectedDistrict.id ? "STATUS: TANGGAP DARURAT" : "Status: Pemantauan Normal"}

{/* Content Modal */}

{/* Jika ada kejadian simulasi */} {currentEvent && currentEvent.districtId === selectedDistrict.id ? (

LAPORAN KEJADIAN LANGSUNG

Terdeteksi potensi {currentEvent.type.toUpperCase()} di wilayah ini pada pukul {currentEvent.timestamp}. Tim reaksi cepat perlu segera dikerahkan.

Evakuasi Warga Pantau CCTV

) : ( // Tampilan Normal dengan Detail Dampak

Profil Wilayah

{selectedDistrict.details}

{/* WEATHER INFO IN MODAL */}

{getWeatherIcon(selectedDistrict.weather.type)}

Cuaca Hari Ini

{selectedDistrict.weather.temp}°C {selectedDistrict.weather.label}

Kelembapan: {selectedDistrict.weather.humidity}%

Riwayat & Dampak (5 Tahun)

{/* Event Stats */}

Tsunami

{selectedDistrict.stats.tsunami}

Longsor

{selectedDistrict.stats.longsor}

Banjir

{selectedDistrict.stats.banjir}

{/* Specific Impact Stats */}

Kerugian

{selectedDistrict.impact.loss} M

Luka

{selectedDistrict.impact.injured} Orang

Jiwa

{selectedDistrict.impact.dead} Orang

)} {/* Grid Risiko Static */}

Peta Risiko Bencana

TSUNAMI {selectedDistrict.risks.tsunami}

LONGSOR {selectedDistrict.risks.longsor}

BANJIR {selectedDistrict.risks.banjir}

setSelectedDistrict(null)} className="text-sm font-bold text-slate-600 hover:text-slate-900">Tutup Panel

)}

); }; export default DisasterMap;