<script setup>
import { defineProps } from 'vue'

const props = defineProps({
    pokemonData: Object,
    pokemonImage: String,
});
</script>

<template>
    <div class="w-full h-full flex items-center justify-center p-2 relative z-10">
        <img 
            :src="pokemonImage" 
            :alt="pokemonData.names[1].name"
            class="max-w-full max-h-full object-contain filter drop-shadow-[0_0_10px_rgba(255,255,255,0.2)]"
        >
    </div>
</template>

