<template>
    <div>
        <div :class="hpBoxClass">
            <img :id="pokemonImageId" v-if="alive" :src="pokemon.images" class="pokemon-bottom"/>
        </div>
        <div :class="boxClass">
            <h2 class="pokemon">{{pokemon.name}}</h2>
            <div :class="hpBarClass">
                <div :style="hpBarStyle" class="hp-bar-fill"></div>
            </div>
            <h4 class="level">Lvl. {{pokemon.level}}</h4>
        </div>
    </div>
</template>