export function App() {
	const [isDark, setIsDark] = React.useState(true);

	const switchTheme = () => {
		console.log(111);

		setIsDark(!isDark);
	};

	const getClass = () => {
		return classNames('menu', {
			'dark-theme': isDark,
			'light-theme': !isDark
		});
	};

	const renderHotkeys = () => {
		return (
			<Hotkeys>
				<Hotkey label="Switch Theme" combo="ctrl+shift+space" global={true} onKeyDown={switchTheme} />
			</Hotkeys>
		);
	};

	return (
		<div className={getClass()}>
			<Button className="switch-view-btn" icon={IconNames.MENU} onClick={switchView} intent={Intent.SUCCESS} />
			<UserBlock isFull={isFull} />
			<Menu className="a2-menu-ul" items={items} navigationItems={navItems} isFull={isFull} />
		</div>
	);
}

HotkeysTarget(App as any);

ReactDOM.render(<App />, document.getElementById('lmenu-holder'));