import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import { HelmetProvider } from 'react-helmet-async'
import './index.css'
import App from './App.jsx'

// Afficher la scrollbar uniquement pendant le scroll
let scrollTimeout;
const handleScroll = () => {
  document.documentElement.classList.add('scrolling');
  document.body.classList.add('scrolling');
  
  clearTimeout(scrollTimeout);
  scrollTimeout = setTimeout(() => {
    document.documentElement.classList.remove('scrolling');
    document.body.classList.remove('scrolling');
  }, 1000); // Cacher après 1 seconde d'inactivité
};

window.addEventListener('scroll', handleScroll, { passive: true });

createRoot(document.getElementById('root')).render(
  <StrictMode>
    <HelmetProvider>
      <App />
    </HelmetProvider>
  </StrictMode>,
)