<script lang="ts">
  import type { Account } from '$lib/mastodon/response';

  export let account: Account;
  let avatarDescription: string;
  $: avatarDescription = `Avatar for ${account.acct}`
</script>

<img src="{account.avatar}" alt={avatarDescription}/>

<style>
img {
  max-width: 50px;
  max-height: 50px;
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 3px;;
}
</style>