[V0_FILE]typescriptreact:file="app/page.tsx" import HealthCheckForm from "@/components/health-check-form" export default function Home() { return (

HealthCheck

A simple health condition detector

) } [V0_FILE]typescriptreact:file="components/health-check-form.tsx" "use client" import type React from "react" import { useState } from "react" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Input } from "@/components/ui/input" import { Button } from "@/components/ui/button" import { Label } from "@/components/ui/label" import { Slider } from "@/components/ui/slider" import { AlertCircle, CheckCircle, Info } from "lucide-react" import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert" interface HealthParams { oxygenLevel: number systolic: number diastolic: number height: number weight: number } interface HealthStatus { oxygenStatus: "normal" | "low" | "critical" bpStatus: "normal" | "elevated" | "high" | "crisis" bmiStatus: "underweight" | "normal" | "overweight" | "obese" bmiValue: number } export default function HealthCheckForm() { const [params, setParams] = useState({ oxygenLevel: 98, systolic: 120, diastolic: 80, height: 170, weight: 70, }) const [showResults, setShowResults] = useState(false) const [healthStatus, setHealthStatus] = useState(null) const handleInputChange = (field: keyof HealthParams, value: number) => { setParams((prev) => ({ ...prev, [field]: value, })) } const calculateBMI = (height: number, weight: number): number => { // BMI = weight(kg) / (height(m))² const heightInMeters = height / 100 return Number.parseFloat((weight / (heightInMeters * heightInMeters)).toFixed(1)) } const determineHealthStatus = (): HealthStatus => { // Calculate BMI const bmi = calculateBMI(params.height, params.weight) // Determine oxygen status let oxygenStatus: "normal" | "low" | "critical" = "normal" if (params.oxygenLevel < 95 && params.oxygenLevel >= 90) { oxygenStatus = "low" } else if (params.oxygenLevel < 90) { oxygenStatus = "critical" } // Determine blood pressure status let bpStatus: "normal" | "elevated" | "high" | "crisis" = "normal" if (params.systolic >= 120 && params.systolic < 130 && params.diastolic < 80) { bpStatus = "elevated" } else if ( (params.systolic >= 130 && params.systolic < 180) || (params.diastolic >= 80 && params.diastolic < 120) ) { bpStatus = "high" } else if (params.systolic >= 180 || params.diastolic >= 120) { bpStatus = "crisis" } // Determine BMI status let bmiStatus: "underweight" | "normal" | "overweight" | "obese" = "normal" if (bmi < 18.5) { bmiStatus = "underweight" } else if (bmi >= 25 && bmi < 30) { bmiStatus = "overweight" } else if (bmi >= 30) { bmiStatus = "obese" } return { oxygenStatus, bpStatus, bmiStatus, bmiValue: bmi, } } const handleSubmit = (e: React.FormEvent) => { e.preventDefault() const status = determineHealthStatus() setHealthStatus(status) setShowResults(true) } const getStatusColor = (status: string): string => { switch (status) { case "normal": return "text-green-600" case "low": case "elevated": case "underweight": case "overweight": return "text-amber-600" case "critical": case "high": case "crisis": case "obese": return "text-red-600" default: return "text-gray-600" } } const getStatusIcon = (status: string) => { if (status === "normal") { return } else if (["low", "elevated", "underweight", "overweight"].includes(status)) { return } else { return } } return (

Health Parameters Enter your health measurements to check your condition

{/* Oxygen Level */}

Oxygen Level (%) {params.oxygenLevel}%

handleInputChange("oxygenLevel", value[0])} className="py-2" />

70% 100%

{/* Blood Pressure */}

Systolic (mmHg) handleInputChange("systolic", Number.parseInt(e.target.value) || 0)} />

Diastolic (mmHg) handleInputChange("diastolic", Number.parseInt(e.target.value) || 0)} />

{/* Height and Weight for BMI */}

Height (cm) handleInputChange("height", Number.parseInt(e.target.value) || 0)} />

Weight (kg) handleInputChange("weight", Number.parseInt(e.target.value) || 0)} />

{showResults && healthStatus && (

Your Health Status

{/* Oxygen Status */}

{getStatusIcon(healthStatus.oxygenStatus)} Oxygen Level:{" "} {params.oxygenLevel}% ({healthStatus.oxygenStatus})

{healthStatus.oxygenStatus === "normal" ? "Your oxygen level is within the normal range." : healthStatus.oxygenStatus === "low" ? "Your oxygen level is slightly below normal. Consider consulting a doctor." : "Your oxygen level is critically low. Seek medical attention immediately."} {/* Blood Pressure Status */}

{getStatusIcon(healthStatus.bpStatus)} Blood Pressure:{" "} {params.systolic}/{params.diastolic} mmHg ({healthStatus.bpStatus})

{healthStatus.bpStatus === "normal" ? "Your blood pressure is within the normal range." : healthStatus.bpStatus === "elevated" ? "Your blood pressure is slightly elevated. Monitor regularly." : healthStatus.bpStatus === "high" ? "You have high blood pressure. Consult with a healthcare provider." : "You're in hypertensive crisis. Seek emergency medical attention!"} {/* BMI Status */}

{getStatusIcon(healthStatus.bmiStatus)} BMI:{" "} {healthStatus.bmiValue} ({healthStatus.bmiStatus})

{healthStatus.bmiStatus === "normal" ? "Your BMI is within the healthy range." : healthStatus.bmiStatus === "underweight" ? "Your BMI indicates you are underweight. Consider consulting a nutritionist." : healthStatus.bmiStatus === "overweight" ? "Your BMI indicates you are overweight. Consider lifestyle modifications." : "Your BMI indicates obesity. Consult with a healthcare provider."}

Note: This is a simplified assessment and should not replace professional medical advice.

)}

) }