import { createRoot } from 'react-dom/client'
import { ErrorBoundary } from "react-error-boundary";

import App from './App.tsx'
import { ErrorFallback } from './ErrorFallback.tsx'

// Stylesheets (Tailwind v4, theme tokens, app overrides) are compiled by the
// Tailwind standalone CLI inside the Docker build and linked from
// `index.html` as `/assets/main.css`. They are intentionally not imported
// from JS so that the Bun bundler does not try to resolve Tailwind's
// `@import 'tailwindcss';` directive.

createRoot(document.getElementById('root')!).render(
  <ErrorBoundary FallbackComponent={ErrorFallback}>
    <App />
   </ErrorBoundary>
)