AI Right Sidebar

import { AIRightSidebar } from '@/blocks/ai-tools/ai-right-sidebar'
import { Globe, Brain, Upload } from 'lucide-react'

export default function Example() {
  const [isOpen, setIsOpen] = useState(true)

  const resources = [
    { id: 'web', icon: Globe, label: 'Web Search', description: 'Search the internet', active: true },
    { id: 'kb', icon: Brain, label: 'Knowledge Base', description: 'Company docs', active: false },
    { id: 'files', icon: Upload, label: 'Files', description: '3 files attached', active: true },
  ]

  const handleSend = (message: string) => {
    console.log('Sending:', message)
  }

  return (
    <div className="flex h-screen">
      <main className="flex-1">
        {/* Your main content */}
      </main>

      <AIRightSidebar
        isOpen={isOpen}
        onToggle={() => setIsOpen(!isOpen)}
        width="medium"
        resources={resources}
        onSend={handleSend}
        onResourceToggle={(id) => console.log('Toggle:', id)}
      />
    </div>
  )
}