<script setup lang="ts">

import {Character} from "./chartacters.ts";

interface Props {
  character: Character;
  size?: number;
}

const props = withDefaults(defineProps<Props>(), {
  size: 32
})
</script>

<template>
  <div class="flex">
    <img class="me-2" :src="`https://images.evetech.net/characters/${character.characterId}/portrait?size=${size}`" />
    <span>{{ character.name }}</span>
  </div>
</template>
