function ThemeToggle() {
	const { theme, toggleTheme } = useTheme();
	const isDark = theme === "dark";

	return React.createElement(
		"label",
		{ className: "toggle-switch", "aria-label": "Toggle theme" },
		React.createElement("span", { className: "toggle-label" + (!isDark ? " active" : "") }, "☀️"),
		React.createElement("input", {
			type: "checkbox",
			checked: isDark,
			onChange: toggleTheme,
			className: "toggle-input",
		}),
		React.createElement("span", { className: "toggle-slider" }),
		React.createElement("span", { className: "toggle-label" + (isDark ? " active" : "") }, "🌙"),
	);
}