import { useState } from "react"; import { Button } from "@/components/ui/button"; import { Input } from "@/components/ui/input"; import { Send } from "lucide-react"; interface ChatInputProps { onSendMessage: (message: string) => void; disabled?: boolean; } const ChatInput = ({ onSendMessage, disabled = false }: ChatInputProps) => { const [message, setMessage] = useState(""); const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); if (message.trim() && !disabled) { onSendMessage(message.trim()); setMessage(""); } }; return (
setMessage(e.target.value)} placeholder="Type your message..." disabled={disabled} className="flex-1 bg-input-bg border-input-border focus:border-input-focus-border text-sm py-3 px-4 rounded-xl" />
); }; export default ChatInput;