import * as React from "react";

import Quick from "./Quick";
import QuickItem from "./QuickItem";
import QuickCategory from "./QuickCategory";
import Clock from "./Clock";
import Search from "./Search";

class App extends React.Component {
	constructor(props) {
		super(props);
	}

	render(): JSX.Element {
		return <div>
			<div className="center-wrapper">
				<Clock/>
				<Search/>
				<Quick>
					<QuickCategory name="Productivity">
						<QuickItem name="Nextcloud" url="https://nc.kapelle.org"/>
						<QuickItem name="Git" url="https://git.kapelle.org"/>
						<QuickItem name="GitHub" url="https://github.com/"/>
					</QuickCategory>

					<QuickCategory name="Personal">
						<QuickItem name="Youtube" url="https://youtube.com/"/>
						<QuickItem name="Reddit" url="https://reddit.com/"/>
						<QuickItem name="Netflix" url="https://netflix.com/"/>
					</QuickCategory>

					<QuickCategory name="Other">
						<QuickItem name="Bitwarden" url="https://vault.kapelle.org"/>
					</QuickCategory>
				</Quick>
			</div>
		</div>;
	}

}

export default App;
