<script setup lang="ts">
defineProps<{
  name: string
  logo: string
  fullName: string
}>()
</script>

<template>
<div class="flex flex-col rounded-xl py-8 px-4 gap-4 w-full sm:w-72 items-center border">
  <img
    :src="logo"
    class="w-32 h-32 md:w-48 md:h-48 object-contain mb-4"
    :alt="`Герб ${name}`"
  >
  <div class="text-center">
    {{name}}
  </div>
  <div class="text-xs text-slate-400 text-center">
    {{fullName}}
  </div>
</div>
</template>
