import './App.css';
import { Layout } from 'antd';
import { Provider } from 'react-redux';
import { BrowserRouter, Route, Routes } from 'react-router-dom';
import { Config } from './conf/config';
import { Main } from './layouts/Main';
import { store } from './store/store';
import { Sidebar } from './widgets/Sidebar/Sidebar';

// Каркас: экраны по docs/context/10-user-journey.md добавляются срезами.
function App() {
	return (
		<Provider store={store}>
			<BrowserRouter basename={Config.APP_ADDRESS}>
				<Layout hasSider={true} style={{ height: '100vh' }}>
					<Sidebar />
					<Layout.Content>
						<Routes>
							<Route path='/' element={<Main />} />
						</Routes>
					</Layout.Content>
				</Layout>
			</BrowserRouter>
		</Provider>
	);
}

export default App;