import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App.tsx';
import './index.css';

// Performance monitoring (only in production)
if (import.meta.env.PROD) {
  import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
    const sendToConsole = (metric: any) => {
      console.log(`${metric.name}:`, metric.value);
    };
    
    getCLS(sendToConsole);
    getFID(sendToConsole);
    getFCP(sendToConsole);
    getLCP(sendToConsole);
    getTTFB(sendToConsole);
  });
}

ReactDOM.createRoot(document.getElementById('root')!).render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);