zammad/app/frontend/shared/components/CommonOrganizationAvatar/CommonOrganizationAvatar.vue

<!-- Copyright (C) 2012-2023 Zammad Foundation, https://zammad-foundation.org/ -->

<script setup lang="ts">
import { computed } from 'vue'
import CommonAvatar from '../CommonAvatar/CommonAvatar.vue'
import type { AvatarSize } from '../CommonAvatar'
import type { AvatarOrganization } from './types'

export interface Props {
  entity: AvatarOrganization
  size?: AvatarSize
}

const props = defineProps<Props>()

const icon = computed(() => {
  return props.entity.active
    ? 'mobile-organization'
    : 'mobile-inactive-organization'
})
</script>

<template>
  <CommonAvatar
    class="bg-gray"
    :size="size"
    :icon="icon"
    :aria-label="entity.name"
  />
</template>