conversation-bar-demo

1"use client"
2 
3import { ConversationProvider } from "@elevenlabs/react"
4 
5import { ConversationBar } from "@/components/ui/conversation-bar"
6 
7const DEFAULT_AGENT = {
8  agentId: process.env.NEXT_PUBLIC_ELEVENLABS_AGENT_ID!,
9}
10 
11export default function ConversationBarDemo() {
12  return (
13    <ConversationProvider>
14      <div className="flex min-h-[200px] w-full items-center justify-center">
15        <div className="w-full max-w-md">
16          <ConversationBar agentId={DEFAULT_AGENT.agentId} />
17        </div>
18      </div>
19    </ConversationProvider>
20  )
21}