<script setup lang="ts">

const props = defineProps(
    {
        imgPath: {type: String, required: true},
        label: {type: String, required: true}
    }
)

</script>

<template>
    <div class="flex flex-col gap-2 w-fit h-fit shadow-sm bg-slate-200 dark:bg-slate-800 p-2 rounded-md my-2 text-center self-center">
        <img id="url_section" class="rounded-md" :src="imgPath" />
        <label for="url_section" class="text-sm mb-0 text-slate-600 dark:text-slate-300">{{ label }}</label>
    </div>
</template>