Documentation

import { ChatContainer, Message, ChatInput } from 'chat-ui-react'

function App() {
  const [messages, setMessages] = useState([])

  const handleSend = (message) => {
    setMessages([...messages, { 
      id: Date.now(), 
      text: message, 
      sender: 'user' 
    }])
  }

  return (
    <ChatContainer>
      {messages.map(msg => (
        <Message key={msg.id} {...msg} />
      ))}
      <ChatInput onSend={handleSend} />
    </ChatContainer>
  )
}