import React from 'react';
import { RaonkUpload } from 'raonkupload-react';
import { HashRouter, NavLink, Route, Routes } from 'react-router-dom';

function App() {
	return (
		<HashRouter>
			<div>
				<Routes>
					<Route path="/" element={<h1>{'Home page'}</h1>} />
					<Route path="/component" element={<RaonkUpload
						debug={true}
						id='kupload1'
						
						mode='edit'
						runtimes='html5'
						config={{MaxTotalFileSize:'100MB', MaxOneFileSize:'10MB'}}
						componentUrl="/raonkupload/js/raonkupload.js"
					/>} />
				</Routes>
				<div>
					<div>
						<NavLink to="/">{'Home page'}</NavLink>
					</div>
					<div>
						<NavLink to="/component">{'Component page'}</NavLink>
					</div>
				</div>
				<footer>{`Running React v${ React.version }`}</footer>
			</div>
		</HashRouter>
	);
}

export default App;