<template>
    <div class="p-6 text-center">
      <h2 class="text-3xl font-bold text-orange-700 mb-6">📸 Galeri Foto 📸</h2>
  
      <div class="grid grid-cols-2 md:grid-cols-3 gap-4 max-w-3xl mx-auto">
        <div
          v-for="(img, i) in images"
          :key="i"
          class="overflow-hidden rounded-xl shadow-md"
        >
          <img
            :src="img"
            alt="Galeri"
            class="object-cover w-full h-48 transform hover:scale-105 transition"
          />
        </div>
      </div>
    </div>
  </template>
  
  <script setup>
  defineProps({
    images: Array
  })
  </script>
  