<template>
    <div class="mt-4 text-gray-500 flex items-center justify-between gap-4 ">
        <RiFileCopyLine size="16px" @click="copyFileClick()" />
        <div class="flex items-center gap-4">
            <RiShareForwardLine size="16px" @click="shareForwardClick()" />
            <RiDownload2Line size="16px" @click="downloadClick()" />
            <RiThumbUpLine size="16px" @click="thumbUpClick()" />
            <RiThumbDownLine size="16px" @click="thumbDownClick()" />
        </div>
    </div>
</template>
<script setup lang="ts">
import { RiFileCopyLine, RiShareForwardLine, RiDownload2Line, RiThumbUpLine, RiThumbDownLine } from '@remixicon/vue'
import { ChatMessage } from '../model/ChatModel';

interface Props {
  msg: ChatMessage
}

const { msg } = defineProps<Props>()

/// actions 实现复制、分享、下载、点赞等功能
const copyFileClick = () => {
  console.log('copy file', msg)
}

const shareForwardClick = () => {
  console.log('share forward', msg)
}

const downloadClick = () => {
  console.log('download', msg)
}

const thumbUpClick = () => {
  console.log('thumb up', msg)
}

const thumbDownClick = () => {
  console.log('thumb down', msg)
}

</script>