ChatInput

interface ChatInputProps {
  input: string;
  onInputChange: (value: string) => void;
  onSubmit: () => void;
  onReset: () => void;
  onInfoClick: () => void;
  isResetDisabled: boolean;
  isLoading: boolean;
}

import { ChatInput } from "@/components/chat-input";
import { useState } from "react";

function ChatApp() {
  const [input, setInput] = useState("");
  const [isLoading, setIsLoading] = useState(false);
  const [messages, setMessages] = useState([]);

  const handleSubmit = async () => {
    if (!input.trim()) return;
    
    setIsLoading(true);
    // Send message logic
    setInput("");
    setIsLoading(false);
  };

  const handleReset = () => {
    setMessages([]);
    setInput("");
  };

  return (
    <ChatInput
      input={input}
      onInputChange={setInput}
      onSubmit={handleSubmit}
      onReset={handleReset}
      onInfoClick={() => {}}
      isResetDisabled={messages.length === 0}
      isLoading={isLoading}
    />
  );
}