'use client'; import { AIInput, AIInputTextarea, AIInputToolbar, AIInputButton, AIInputTools, AIInputSubmit, AIInputModelSelect, AIInputModelSelectTrigger, AIInputModelSelectContent, AIInputModelSelectItem, AIInputModelSelectValue, } from '@/components/ui/shadcn-io/input-ai'; import { PlusIcon, MicIcon, GlobeIcon, SendIcon } from 'lucide-react'; import { FormEventHandler, useState } from 'react'; const models = [ { id: 'gpt-4', name: 'GPT-4' }, { id: 'gpt-3.5-turbo', name: 'GPT-3.5 Turbo' }, { id: 'claude-2', name: 'Claude 2' }, { id: 'claude-instant', name: 'Claude Instant' }, { id: 'palm-2', name: 'PaLM 2' }, { id: 'llama-2-70b', name: 'Llama 2 70B' }, { id: 'llama-2-13b', name: 'Llama 2 13B' }, { id: 'cohere-command', name: 'Command' }, { id: 'mistral-7b', name: 'Mistral 7B' } ]; const Example = () => { const [model, setModel] = useState(models[0].id); const handleSubmit: FormEventHandler = (event) => { event.preventDefault(); const formData = new FormData(event.currentTarget); const message = formData.get('message'); console.log('Submitted message:', message); }; return (

Search {models.map((model) => ( {model.name} ))}

); }; export default Example;

AI Input