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

const { status } = defineProps<{
  status: Status
  inline: boolean
}>()

const editedAt = computed(() => status.editedAt)
const formatted = useFormattedDateTime(editedAt)
</script>

<template>
  <template v-if="editedAt">
    <CommonTooltip v-if="inline" :content="$t('status.edited', [formatted])">
      &#160;
      <time
        :title="editedAt"
        :datetime="editedAt"
        font-bold underline decoration-dashed
        text-secondary
      >&#160;*&#160;</time>
    </CommonTooltip>

    <CommonDropdown v-else>
      <slot />

      <template #popper>
        <div text-sm p2>
          <div text-center mb1>
            {{ $t('status.edited', [formatted]) }}
          </div>
          <StatusEditHistory :status="status" />
        </div>
      </template>
    </CommonDropdown>
  </template>
</template>
