<script setup>
defineProps({
    icon: {
        type: String,
        defaut: ['far', 'folder-open'],
    },
    showDescription: {
        type: Boolean,
        default: true,
    },
});
</script>

<template>
    <div class="text-center my-5 text-gray-500">
        <slot name="head">
            <FontAwesomeIcon :icon="icon" class="mx-auto w-12 h-12" />
        </slot>
        <h3 class="mt-2 text-sm font-medium">
            <slot name="title">Brak danych</slot>
        </h3>
        <p
            v-if="showDescription"
            class="text-sm"
        >
            <slot name="text">
                Nie znaleziono danych.
            </slot>
        </p>
    </div>
</template>
