b-modal#hatchedPet-modal(:hide-header="true")
div.content(v-if="pet != null")
div.dialog-header.title(v-once) {{ $t('hatchedPetGeneric') }}
div.inner-content
div.pet-background
div(:class="pet.class")
h4.title {{ pet.name }}
div.text(v-if="!hideText", v-markdown="$t('hatchedPetHowToUse')")
button.btn.btn-primary(@click="close()") {{ $t('onward') }}
div.clearfix(slot="modal-footer")