import { Shortcuts } from "@components/shortcuts/Shortcuts";
import { Button } from "@kobalte/core/button";

export const Settings = () => {
	const logout = () => {
		localStorage.removeItem("access");
		localStorage.removeItem("refresh");
		window.location.href = "/login";
	};

	return (
		<>
			<main class="container pt-2">
				<div class="flex flex-col px-4 gap-2">
					<h1 class="text-3xl font-bold">Settings</h1>

					<Shortcuts />
					<Button
						class="p-2 bg-neutral-100 border mt-4 border-neutral-300"
						onClick={logout}
					>
						Logout
					</Button>
				</div>
			</main>
		</>
	);
};
