'use client';
import { useState, useCallback } from 'react';
import { Copy, Check, Share2, Download } from 'lucide-react';
interface MessageActionsProps {
content: string;
/** Show on assistant messages (full bar) or user messages (copy only) */
variant?: 'assistant' | 'user';
}
export default function MessageActions({ content, variant = 'assistant' }: MessageActionsProps) {
const [copied, setCopied] = useState(false);
const handleCopy = useCallback(async () => {
try {
await navigator.clipboard.writeText(content);
setCopied(true);
setTimeout(() => setCopied(false), 2000);
} catch {
// Fallback for older browsers
const textarea = document.createElement('textarea');
textarea.value = content;
textarea.style.position = 'fixed';
textarea.style.opacity = '0';
document.body.appendChild(textarea);
textarea.select();
document.execCommand('copy');
document.body.removeChild(textarea);
setCopied(true);
setTimeout(() => setCopied(false), 2000);
}
}, [content]);
const handleDownload = useCallback(() => {
const blob = new Blob([content], { type: 'text/plain' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = `message-${Date.now()}.txt`;
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
URL.revokeObjectURL(url);
}, [content]);
const handleShare = useCallback(async () => {
if (navigator.share) {
try {
await navigator.share({ text: content });
} catch { /* user cancelled */ }
} else {
// Fallback: just copy
handleCopy();
}
}, [content, handleCopy]);
if (variant === 'user') {
return (
);
}
return (
);
}