Customer Support Bot

import { useChat, ChatContainer, Message, InputBar, ThinkingIndicator } from '@agentskit/react'

function SupportChat() {
  const chat = useChat({
    adapter: myAdapter,
    initialMessages: [{ id: '1', role: 'assistant', content: 'How can I help?', status: 'complete', createdAt: new Date() }],
  })
  return (
    <ChatContainer>
      {chat.messages.map(msg => <Message key={msg.id} message={msg} />)}
      <ThinkingIndicator visible={chat.status === 'streaming'} label="Typing..." />
      <InputBar chat={chat} />
    </ChatContainer>
  )
}