import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import './index.css'
import App from './App.jsx'
import CanvasContextProvider from './components/Context/canvasContext/CanvasContextProvider'
import ColorContextProvider from './components/Context/colorContext/ColorContextProvider'
import { ObjectProvider } from './components/Context/activeObject/ObjectProvider'
import OpenContextProvider from './components/Context/openContext/OpenContextProvider'

createRoot(document.getElementById('root')).render(
  // <StrictMode>
  <CanvasContextProvider>
    <ColorContextProvider>
      <ObjectProvider>
        <OpenContextProvider>
          <App />
        </OpenContextProvider>
      </ObjectProvider>
    </ColorContextProvider>
  </CanvasContextProvider>
  // </StrictMode>,
)