<template>
  <v-card>
    <v-img
      :src="img"
      :alt="title"
    />

    <v-card-title>{{ title }}</v-card-title>
  </v-card>
</template>

<script setup lang="ts">

defineProps({
  title: {
    type: String,
    required: true
  },
  img: {
    type: String,
    required: true
  }
})


</script>

<style scoped lang="scss">
  .v-card {
    height: 148px;
    width: 128px;
    padding: 18px;

    .v-img {
      height: 48px;
    }
  }
</style>