<script setup lang="ts">
import type { mastodon } from 'masto'

const { link = true, avatar = true } = defineProps<{
  account: mastodon.v1.Account
  link?: boolean
  avatar?: boolean
}>()

const userSettings = useUserSettings()
</script>

<script lang="ts">
export default {
  inheritAttrs: false,
}
</script>

<template>
  <AccountHoverWrapper :account="account">
    <NuxtLink
      :to="link ? getAccountRoute(account) : undefined"
      :class="link ? 'text-link-rounded -ml-1.5rem pl-1.5rem rtl-(ml0 pl-0.5rem -mr-1.5rem pr-1.5rem)' : ''"
      v-bind="$attrs"
      min-w-0 flex gap-2 items-center
    >
      <AccountAvatar v-if="avatar" :account="account" w-5 h-5 />
      <AccountDisplayName :account="account" :hide-emojis="getPreferences(userSettings, 'hideUsernameEmojis')" line-clamp-1 ws-pre-wrap break-all />
    </NuxtLink>
  </AccountHoverWrapper>
</template>