import React from 'react';
export default function CoverageOrb({value=0}){return <div className="relative mx-auto h-32 w-32 rounded-full border border-white/15 bg-[conic-gradient(#7dff72_0_var(--coverage),#a855f7_var(--coverage)_45%,#27272a_45%)] p-3 shadow-[0_0_35px_rgba(125,255,114,.1)]" style={{'--coverage':`${value}%`}}><div className="flex h-full w-full items-center justify-center rounded-full bg-[#101012] text-center"><div><strong className="text-2xl">{value}%</strong><p className="text-[10px] text-zinc-500">COVERAGE</p></div></div></div>}