<script setup lang="ts">
// types

type Props = {
    title: string;
    icon: string;
};

// props

defineProps<Props>();
</script>

<template>
    <div
        class="w-full flex-col flex-grow py-[10rem] lg:py-[12rem] gap-6 border-2 border-slate-200 border-dashed size-full rounded-2xl flex-center"
    >
        <Icon
            :name="icon"
            class="**:fill-gray-400 text-3xl"
        />
        <span class="lg:text-lg text-gray-400"> {{ title }} </span>
        <slot
            v-if="$slots['actions']"
            name="actions"
        />
    </div>
</template>

<style scoped></style>
