import React from 'react'
import ReactDOM from 'react-dom/client'
import { ThemeProvider, type Theme } from '@orchard9ai/design-system'
import App from './App'
import './index.css'

const handleThemeChange = (theme: Theme) => {
  // Optional: Add analytics tracking or custom logic here
  console.log('Theme changed to:', theme)
}

ReactDOM.createRoot(document.getElementById('root')!).render(
  <React.StrictMode>
    <ThemeProvider defaultTheme="grove-light" onThemeChange={handleThemeChange}>
      <App />
    </ThemeProvider>
  </React.StrictMode>
)