import React from 'react';
import { RaonkEditor } from 'raonkeditor-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={<RaonkEditor
						debug={true}
						id='keditor1'
						
						mode='edit'
						runtimes='agent'
						config={{ Lang: 'ko-kr', Width: '100%', Height: '250px', DevelopLangage: 'NONE' }}
						componentUrl="/raonkeditor/js/raonkeditor.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;