import Providers from './contexts/Providers';
import WPAssistant from './components/WPAssistant';
import { TARGET_ENV } from './constants';

function App() {
  const rootHeightClass = TARGET_ENV === 'wordpress' ? 'h-full' : 'h-mobile-safe';
  return (
    <Providers>
      <div className={`${rootHeightClass} bg-background-light dark:bg-background-dark`}>
        <WPAssistant />
      </div>
    </Providers>
  );
}

export default App;
