'use client'; import type { KeyboardEvent } from 'react'; import { useState } from 'react'; interface ChatInputProps { onSendMessage: (message: string) => void; disabled?: boolean; } export default function ChatInput({ onSendMessage, disabled = false }: ChatInputProps) { const [message, setMessage] = useState(''); const handleSubmit = () => { if (message.trim() && !disabled) { onSendMessage(message); setMessage(''); } }; const handleKeyPress = (e: KeyboardEvent) => { // Check if it's an Enter key from IME (Input Method Editor) if (e.key === 'Enter' && !e.shiftKey && !e.nativeEvent.isComposing) { e.preventDefault(); handleSubmit(); } }; return (