import {StrictMode} from 'react';
import {createRoot} from 'react-dom/client';
import {Capacitor} from '@capacitor/core';
import {StatusBar, Style} from '@capacitor/status-bar';
import {SplashScreen} from '@capacitor/splash-screen';
import App from './App.tsx';
import './index.css';

async function initNativeShell() {
  if (!Capacitor.isNativePlatform()) return;

  try {
    await StatusBar.setStyle({style: Style.Dark});
    await StatusBar.setBackgroundColor({color: '#050508'});
  } catch {
    // Status bar plugin unavailable on this device
  }

  try {
    await SplashScreen.hide();
  } catch {
    // Splash screen already hidden
  }

  document.body.classList.add('capacitor-native');
}

initNativeShell();

createRoot(document.getElementById('root')!).render(
  <StrictMode>
    <App />
  </StrictMode>,
);