import { useState } from 'react'; import { FiSend } from 'react-icons/fi'; export default function ChatInput({ onSendMessage }) { const [message, setMessage] = useState(''); const handleSubmit = (e) => { e.preventDefault(); if (message.trim()) { onSendMessage(message); setMessage(''); } }; return (
setMessage(e.target.value)} placeholder="Type your message..." className="flex-1 px-4 py-2 border border-gray-300 rounded-full focus:outline-none focus:ring-2 focus:ring-primary" />
); }