import React from 'react'
import { createRoot } from 'react-dom/client'
// In src/main.tsx, wrap App with Layout
import Layout from '@components/layout/Layout'   // <-- import the Layout component
// Import styles in the required order: layout → synthwave → global.
import '@styles/layout.css'
import '@styles/synthwave.css'
import '@styles/global.css'

const container = document.getElementById('root')!

// Create a root and render the app
const root = createRoot(container)
root.render(
  <Layout>
    <App />
  </Layout>
)

