<template>
    <div class="px-5 py-2">
        <n-thing>
            <template #avatar>
                <n-avatar class="!block" round :size="40" :src="avatar"> </n-avatar>
            </template>
            <template #header-extra>
                <div class="text-xs text-[#797A8A]">{{ info.userName }}</div>
            </template>
            <template #description>
                <div class="text-sm">{{ info.content }}</div>
                <div class="flex mt-1 items-center">
                    <span class="text-xs text-[#797A8A]">16:00</span>
                    <span class="flex-1"></span>
                    <img src="@/assets/icon_pingjia.png" class="w-[24px]" alt="" />
                    <like-btn class="ml-[10px]"></like-btn>
                </div>
            </template>
        </n-thing>
    </div>
</template>

<script setup lang="ts">
import { NThing, NAvatar } from 'naive-ui'
import { LikeBtn } from '@/components/common'
import avatar from '@/assets/common-avatar.png'

const props = defineProps({
    info: {
        type: Object,
        default: () => {
            return {}
        }
    }
})
</script>
