usePerformanceMonitor

import { usePerformanceMonitor } from "@hua-labs/hua/framework";

const { fps, isLowPerformance, shouldReduceMotion } = usePerformanceMonitor({
  fpsThreshold: 45,
  sampleSize: 60,
});

// Adapt animations based on performance
const animationDuration = shouldReduceMotion ? 0 : 300;
const enableParticles = !isLowPerformance;

return (
  <div style={{ transition: `all ${animationDuration}ms` }}>
    {enableParticles && <ParticleEffect />}
    <Content />
  </div>
);