import { ArrowRight } from 'lucide-react'; import { useState } from 'react'; import TextareaAutosize from 'react-textarea-autosize'; import { Attach, CopilotToggle, Focus } from './MessageInputActions'; const EmptyChatMessageInput = ({ sendMessage, }: { sendMessage: (message: string) => void; }) => { const [copilotEnabled, setCopilotEnabled] = useState(false); const [message, setMessage] = useState(''); return (
{ e.preventDefault(); sendMessage(message); setMessage(''); }} onKeyDown={(e) => { if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); sendMessage(message); setMessage(''); } }} className="w-full" >
setMessage(e.target.value)} minRows={2} className="bg-transparent placeholder:text-white/50 text-sm text-white resize-none focus:outline-none w-full max-h-24 lg:max-h-36 xl:max-h-48" placeholder="Ask anything..." />
); }; export default EmptyChatMessageInput;