<script setup lang="ts">
const props = withDefaults(
  defineProps<{
    src?: string;
    alt?: string;
    size?: number | string;
  }>(),
  {
    src: "/icons/app-icon-192.png",
    alt: "Антигол",
    size: 40
  }
);

const resolvedSize = computed(() => (typeof props.size === "number" ? `${props.size}px` : props.size));
</script>

<template>
  <img
    :src="src"
    :alt="alt"
    :style="{ width: resolvedSize, height: resolvedSize }"
    class="block shrink-0 object-contain"
    draggable="false"
  />
</template>
