<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-[12rem] gap-6 border-2 border-slate-200 border-dashed size-full rounded-100 flex-center"
    >
        <Icon :name="icon" size="50" class="**:fill-gray-500" />
        <span class="text-lg text-gray-500"> {{ title }} </span>
    </div>
</template>

<style scoped></style>
