'use client';

import { useEffect } from 'react';
import { initPerformanceMonitoring } from '@/lib/performance/monitoring';

/**
 * PerformanceMonitor Component
 *
 * Client-side component that initializes web vitals monitoring
 * Should be included once in the root layout
 */
export const PerformanceMonitor: React.FC = () => {
  useEffect(() => {
    // Initialize performance monitoring on client side
    initPerformanceMonitoring();
  }, []);

  // This component doesn't render anything
  return null;
};
