<style scoped src="./Technology.css"/>

<template>
  <a v-if="link" :href="link" target="_blank" rel="noopener noreferrer">
    <img class="Technology" :src="img" :alt="name" :class="[size]"/>
  </a>
  <img v-else class="Technology" :src="img" :alt="name" :class="[size]"/>
</template>

<script setup lang="ts">
type Props = {
  img: string
  name: string
  link?: string
  size?: 'm' | 'l'
}

withDefaults(defineProps<Props>(), {
  size: 'm'
})
</script>
