"use client" import { useState } from "react" import { motion } from "framer-motion" import { Mic, MicOff, Video, VideoOff, Phone, MessageCircle, Users, ScreenShare, MoreHorizontal, Camera, Send, Stethoscope, } from "lucide-react" import { Card, CardContent } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Separator } from "@/components/ui/separator" import { Avatar } from "@/components/ui/avatar" import { Input } from "@/components/ui/input" import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs" import { cn } from "@/lib/utils" import { fadeIn, stagger, staggerItem, scaleIn } from "@/lib/animations" const messages = [ { id: 1, from: "doctor", text: "Hello Alex, how are you feeling today?", time: "2:30 PM" }, { id: 2, from: "patient", text: "Hi Dr. Chen, I've been having chest tightness this week.", time: "2:31 PM" }, { id: 3, from: "doctor", text: "I see. Let's discuss your symptoms in detail. Can you describe when it happens?", time: "2:32 PM" }, { id: 4, from: "patient", text: "Usually in the mornings and after exercise.", time: "2:33 PM" }, ] const controls = [ { icon: Mic, label: "Mute", active: true }, { icon: Video, label: "Camera", active: true }, { icon: ScreenShare, label: "Share", active: false }, { icon: MessageCircle, label: "Chat", active: false }, { icon: Users, label: "Participants", active: false }, ] export default function Telemedicine() { const [muted, setMuted] = useState(false) const [videoOff, setVideoOff] = useState(false) return (

Virtual Consultation

With Dr. Sarah Chen • Cardiology

Connected

Dr. Sarah Chen

Cardiologist

Chat Notes

{messages.map((msg) => (

{msg.text}

{msg.time}

))}