import React from 'react';

import { StyleLoader } from 'Components/stylesheet-loader/StyleLoader';
import { RootComponent } from 'Components/root';

const PRODUCTION_ENV = 'production';

export const App = (): JSX.Element => {
  const rootWithProvider = <RootComponent />;

  const rootWithStyles = <StyleLoader>{rootWithProvider}</StyleLoader>;

  const isProdEnv = (): boolean => process.env.NODE_ENV === PRODUCTION_ENV;

  return <>{isProdEnv() ? rootWithProvider : rootWithStyles}</>;
};