import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';
import { CartProvider } from './context/CartContext';
import { ToastProvider } from './context/ToastContext';
import './styles/index.css';
import './styles/components.css';
import './styles/pages.css';
import './styles/animations.css';
import './styles/WholesaleInquiry.css';
import './styles/ProductDetailB2B.css';
import './styles/BlogArticle.css';
import { initConsoleSecurityGuard } from './utils/securityConsoleGuard';

// Initialize Meta-style Developer Console Security Guard
initConsoleSecurityGuard();

ReactDOM.createRoot(document.getElementById('root')).render(
  <React.StrictMode>
    <ToastProvider>
      <CartProvider>
        <App />
      </CartProvider>
    </ToastProvider>
  </React.StrictMode>
);