"use client" import { motion } from "framer-motion" import { Phone, AlertTriangle, Ambulance, Shield, Heart, MapPin, Clock, User, Edit3, Plus, Navigation, Info, Bell, } 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 { Avatar } from "@/components/ui/avatar" import { cn } from "@/lib/utils" import { fadeIn, stagger, staggerItem, scaleIn, cardHoverTarget, buttonTapTarget } from "@/lib/animations" const emergencyContacts = [ { name: "Sarah Chen", relation: "Spouse", phone: "(555) 987-6543", primary: true }, { name: "Mike Rivers", relation: "Brother", phone: "(555) 876-5432", primary: false }, { name: "Emily Park", relation: "Sister", phone: "(555) 765-4321", primary: false }, ] const conditions = [ "Hypertension", "Type 2 Diabetes", "High Cholesterol", ] const allergies = ["Penicillin", "Sulfa Drugs", "Latex"] export default function EmergencyContact() { return (

Emergency Info

Critical health information for emergencies

911

Call for immediate emergency assistance

Emergency Contacts {emergencyContacts.map((contact) => (

{contact.name.split(" ").map(w => w[0]).join("")}

{contact.name}

{contact.primary && Primary}

{contact.relation}

{contact.phone}

))} Medical Conditions {conditions.map((c) => ( {c} ))} Allergies {allergies.map((a) => ( {a} ))} Additional Info

Blood TypeO+

Organ DonorYes

Primary DoctorDr. Sarah Chen

) }