/**
 * External dependencies.
 */
import { HashRouter } from "react-router-dom";

/**
 * Internal dependencies.
 */
import App from "./App";
import { SyncDataProvider } from "../context/SyncContext";
import { PluginConfigProvider } from "../context/PluginContext";
import { SettingsDirtyProvider } from "../context/SettingsDirtyContext";

const AppContainer = () => {
	return (
		<HashRouter>
			<PluginConfigProvider>
				<SyncDataProvider>
					<SettingsDirtyProvider>
						<App />
					</SettingsDirtyProvider>
				</SyncDataProvider>
			</PluginConfigProvider>
		</HashRouter>
	);
};

export default AppContainer;