import { FC } from 'react'
import { EmojiHappy } from 'iconsax-react'
import Reply from './Reply'
import Forward from './Forward'
import { MessageDetail } from '@/pages/received/types/Types'

interface EmailActionsProps {
    messageDetail: MessageDetail
    className?: string
    showReactions?: boolean
}

const EmailActions: FC<EmailActionsProps> = ({
    messageDetail,
    className = '',
    showReactions = true
}) => {
    return (
        <div className={`flex mt-9 justify-end ${className}`}>
            <div className='flex gap-5 text-sm items-center'>
                {showReactions && (
                    <EmojiHappy
                        size={24}
                        color='black'
                        className='cursor-pointer hover:opacity-70 transition-opacity'
                    />
                )}

                <Reply
                    originalMessage={messageDetail}
                    className='border-r border-border pr-5'
                    onClose={() => { }}
                />

                <Forward
                    originalMessage={messageDetail}
                    className='border-r border-border pr-5'
                    onClose={() => { }}
                />
            </div>
        </div>
    )
}

export default EmailActions 