import { Battery, BatteryCharging, BatteryFull, BatteryLow, BatteryMedium, BatteryWarning, InfinityIcon, } from "lucide-react"; import type React from "react"; import { cn } from "#/src/utils/cn"; type BatteryInfoProps = { level: number | null; isCharging: boolean | null; chargingTime: number | null; dischargingTime: number | null; className?: string; }; export const BatteryIndicator: React.FC = ({ level, isCharging, chargingTime, dischargingTime, className, }) => { const batteryLevel = level ?? 0; const getBatteryIcon = (level: number, isCharging: boolean | null) => { if (isCharging) return ; if (level >= 90) return ; if (level >= 50) return ; if (level >= 20) return ; return ; }; const getTextColor = (level: number) => { if (level >= 50) return "text-emerald-500"; if (level >= 20) return "text-yellow-500"; return "text-red-500"; }; const formatTime = (time: number | null) => { if (time === null) return ""; if (!Number.isFinite(time)) return ; const hours = Math.floor(time / 3600); const minutes = Math.floor((time % 3600) / 60); if (hours > 23) return ">1d"; return hours > 0 ? `${hours}h ${minutes}m` : `${minutes}m`; }; return (

{getBatteryIcon(batteryLevel, isCharging)}

{batteryLevel}% {isCharging ? ( <> ⚡ {formatTime(chargingTime)} ) : ( formatTime(dischargingTime) )}

); };

Battery Indicator