import React from 'react';
import ReactDOM from 'react-dom/client';
import FeatureGrid from './components/FeatureGrid';
import CompanionPlugin from './components/CompanionPlugin';

function Main() {
  return (
    <>
      {/* Features that belong to this plugin. */}
      <FeatureGrid />
      {/* Malware scanning/cleanup: a separate free plugin, shown distinctly. */}
      <CompanionPlugin />
    </>
  );
}

const initApp = () => {
  const container = document.getElementById('tpsa-firewall-malware-wrapper');

  if (!container) return;

  const root = ReactDOM.createRoot(container);
  root.render(<Main />);
};

if (document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', initApp);
} else {
  initApp();
}

export default Main;