<script lang="ts" setup>
const { t } = useI18n()
</script>

<template>
  <UCard class="mt-8 shadow-sm bg-white dark:bg-neutral-900">
    <NuxtImg
      src="/arthur pro.webp"
      alt="Arthur Danjou"
      class="w-24 h-24 rounded-full float-left mr-4 mb-4"
    />
    <i18n-t
      keypath="post.footer.thanks"
      tag="p"
      class="text-neutral-600 dark:text-neutral-400 text-justify"
    >
      <template #linkedin>
        <PostLink
          href="https://www.linkedin.com/in/arthurdanjou/"
          icon="i-ph-linkedin-logo-duotone"
          label="LinkedIn"
          target="_blank"
          class="inline-flex items-start gap-1 transform translate-y-1"
        />
      </template>
      <template #github>
        <PostLink
          href="https://github.com/arthurdanjou"
          icon="i-ph-github-logo-duotone"
          label="GitHub"
          target="_blank"
          class="inline-flex items-start gap-1 transform translate-y-1"
        />
      </template>
      <template #comment>
        <strong class="text-neutral-800 dark:text-neutral-200">{{ t('post.footer.comment') }}</strong>
      </template>
      <template #name>
        <strong class="text-neutral-800 dark:text-neutral-200">Arthur</strong>
      </template>
      <template #jump>
        <br> <br>
      </template>
    </i18n-t>
  </UCard>
</template>
