use dioxus::prelude::*;

use crate::route::Route;

const FAVICON: Asset = asset!("/assets/favicon.ico");
const MAIN_CSS: Asset = asset!("/assets/styling/main.scss");

#[component]
pub fn App() -> Element {
	rsx! {
		document::Link { rel: "icon", href: FAVICON }
		document::Link { rel: "stylesheet", href: MAIN_CSS }

		document::Link { rel: "preconnect", href: "https://fonts.googleapis.com" }
		document::Link { rel: "preconnect", href: "https://fonts.gstatic.com" }
		document::Link {
			rel: "stylesheet",
			href: "https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap",
		}

		Router::<Route> {}
	}
}