"use client"; import React from "react"; import * as motion from "motion/react-client"; import { AnimatePresence } from "motion/react"; import { MessageSquare, X } from "lucide-react"; import { ChatCard, Message } from "@/components/ui/chat-card"; import { Button } from "@/components/ui/button"; const CURRENT_USER = { name: "You", avatar: "/placeholder.png", }; const INITIAL_MESSAGES: Message[] = [ { content: "Hi! Got any questions? I'm here to help you.", sender: { name: "beactio.ai", avatar: "/logo.png", isOnline: true, }, timestamp: "10:26 AM", }, ]; export function ChatFloatingButton() { const [openAssistant, setOpenAssistant] = React.useState(false); return ( <> {openAssistant && ( )} ); }