<script setup>
    defineProps({
        text: {
            type: String,
            required: true
        }
    })
</script>

<template>
    <div class="card-info card-empty">
        <img src="/images/logo.png" alt="logo" class="img-empty">

        <p class="message">{{ text }}</p>
    </div>
</template>

<style scoped>

    .card-empty {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .img-empty {
        width: 200px;
    }

    .message {
        margin-top: 2rem;
        font-size: 1.4rem;
        color: #323032;
        font-weight: 500;
    }
</style>