ChatInput

import { ChatInput } from '@caroainc/ui-components/client'

'use client'
import { useState } from 'react'
import { ChatInput } from '@caroainc/ui-components/client'
 
function ChatDemo() {
  const [input, setInput] = useState('')
 
  const handleSend = () => {
    console.log('送信:', input)
    setInput('')
  }
 
  return (
    <ChatInput
      value={input}
      onChange={setInput}
      onSend={handleSend}
      placeholder="メッセージを入力..."
    />
  )
}

<ChatInput
  value={input}
  onChange={setInput}
  onSend={handleSend}
  toolbarLeft={
    <div className="flex gap-1">
      <Button size="sm" shape="square" variant="ghost">
        <Icon name="Paperclip" size="sm" />
      </Button>
      <Button size="sm" shape="square" variant="ghost">
        <Icon name="Image" size="sm" />
      </Button>
    </div>
  }
/>

<ChatInput
  value={input}
  onChange={setInput}
  onSend={handleSend}
  disabled
  placeholder="入力できません"
/>