import React from 'react';
import ReactDOM from 'react-dom/client';
import { PortalSkeleton } from './components/portal-loading';
import { AdminPortal } from './components/admin-portal';
import { PortalAuth } from './components/portal-auth';
import './styles/globals.css';
import './styles/portal.css';
import { initializeMotionPreference } from './lib/site-motion';

initializeMotionPreference();

const isAdmin = location.pathname === '/admin' || location.pathname.startsWith('/admin/');
const root = document.getElementById('root')!;
ReactDOM.createRoot(root).render(
  <React.StrictMode>
    <React.Suspense fallback={<PortalSkeleton kind={isAdmin && location.pathname === '/admin' ? 'admin' : 'auth'} />}>
      {isAdmin && location.pathname === '/admin' ? <AdminPortal /> : <PortalAuth />}
    </React.Suspense>
  </React.StrictMode>,
);