import React from "react";
import ReactDOM from "react-dom/client";
import { setLocaleData } from "@wordpress/i18n";
import { Toaster } from "@/components/ui/sonner";
import App from "./App";
import "../css/index.css";

// Load translations if provided by WordPress
if (window.socialpollI18n) {
	setLocaleData(window.socialpollI18n.locale_data.messages, "socialpoll");
}

document.addEventListener("DOMContentLoaded", () => {
	const container = document.getElementById("socialpoll-admin-app");
	if (container) {
		ReactDOM.createRoot(container).render(
			<React.StrictMode>
				<Toaster expand={true} closeButton richColors />
				<App />
			</React.StrictMode>
		);
	}
});

// For HMR support
if (import.meta.hot) {
	import.meta.hot.accept();
}