"use client" import { motion } from "framer-motion" import { Microscope, TrendingUp, TrendingDown, Minus, Calendar, Download, Eye, FileText, AlertTriangle, CheckCircle, Search, } from "lucide-react" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Separator } from "@/components/ui/separator" import { Input } from "@/components/ui/input" import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs" import { cn } from "@/lib/utils" import { fadeIn, stagger, staggerItem, cardHover, cardHoverTarget } from "@/lib/animations" const labPanels = [ { id: 1, name: "Complete Blood Count", date: "Mar 15, 2026", doctor: "Dr. Sarah Chen", status: "normal" }, { id: 2, name: "Lipid Panel", date: "Feb 28, 2026", doctor: "Dr. Sarah Chen", status: "borderline" }, { id: 3, name: "Thyroid Function", date: "Jan 20, 2026", doctor: "Dr. Mike Rivers", status: "normal" }, { id: 4, name: "Vitamin D Levels", date: "Dec 10, 2025", doctor: "Dr. Mike Rivers", status: "abnormal" }, { id: 5, name: "Hemoglobin A1C", date: "Nov 5, 2025", doctor: "Dr. Sarah Chen", status: "normal" }, ] const cbcResults = [ { name: "White Blood Cells", value: "6.2", range: "4.0-11.0", unit: "K/µL", status: "normal", trend: "up" }, { name: "Red Blood Cells", value: "5.1", range: "4.5-5.9", unit: "M/µL", status: "normal", trend: "down" }, { name: "Hemoglobin", value: "14.2", range: "13.5-17.5", unit: "g/dL", status: "normal", trend: "same" }, { name: "Hematocrit", value: "42", range: "38-50", unit: "%", status: "normal", trend: "up" }, { name: "Platelets", value: "245", range: "150-450", unit: "K/µL", status: "normal", trend: "down" }, { name: "Neutrophils", value: "55", range: "40-60", unit: "%", status: "normal", trend: "same" }, ] export default function LabResults() { return (

Lab Results

View and compare test results

Total Tests

Normal

Borderline

Abnormal

CBC Lipid Panel Thyroid Mar 15, 2026

Test Result Reference Range Trend

{cbcResults.map((result) => (

{result.name}

{result.value} {result.range} {result.unit}

{result.trend === "up" ? : result.trend === "down" ? : }

))} Lipid panel data from Feb 28, 2026 Thyroid panel data from Jan 20, 2026

) }