<script setup lang="ts">
import { Item } from "@/model/item";

defineProps<{
  item: Item;
}>();
</script>
<template>
  <RouterLink
    :to="item.url"
    class="flex items-center flex-col select-none mt-4 cursor-pointer bg-white p-2 rounded-md shadow-sm no-underline"
  >
    <img :src="item.img" :width="32" :height="32" />
    <div class="mt-2 text-lg">{{ item.title }}</div>
  </RouterLink>
</template>
