<template>
    <div class="row animate__animated animate__fadeInUpBig animate__fast align-items-center" v-if="error">
        <div class="col">
            <small class="bold fs-10 text-danger" id="error-message">{{ error }}</small>
        </div>
    </div>
</template>

<script setup lang="ts">
interface Props {
    error: string | null;
}

const props = defineProps<Props>();
</script>
