import React from "react";
import "./App.css";
import { createMuiTheme, ThemeProvider } from "@material-ui/core";
import { ApplicationDialogsProvider } from "./ui/widgets/DialogsProvider";
import { lightBlue, pink } from "@material-ui/core/colors";
import { InitWidget } from "./ui/widgets/InitWidget";

function App() {
	const darkTheme = createMuiTheme({
		palette: {
			type: "dark",
			primary: lightBlue,
			secondary: pink,
		},
	});

	return (
		<ThemeProvider theme={darkTheme}>
			<div className="App">
				{/* Holder of dialogs */}
				<ApplicationDialogsProvider></ApplicationDialogsProvider>

				{/* Initialization widget */}
				<InitWidget></InitWidget>
			</div>
		</ThemeProvider>
	);
}

export default App;
