import { x as head, b as attr_class, a as attr, c as escape_html } from './dev-BNpEUZI3.js';
import 'node:module';
import { S as Spinner } from './ui-DR8zOSpC.js';

//#endregion
//#region src/routes/brain/graph/+page.svelte
function _page($$renderer, $$props) {
	$$renderer.component(($$renderer) => {
		let useTimeSlider = false;
		head("16wa9bo", $$renderer, ($$renderer) => {
			$$renderer.title(($$renderer) => {
				$$renderer.push(`<title>BRAIN Graph — CLEO Studio</title>`);
			});
		});
		$$renderer.push(`<section class="page svelte-16wa9bo"><header class="page-head svelte-16wa9bo"><div class="head-left svelte-16wa9bo"><a class="back svelte-16wa9bo" href="/brain/overview">← Overview</a> <h1 class="title svelte-16wa9bo">Knowledge graph</h1> `);
		$$renderer.push("<!--[-1-->");
		$$renderer.push(`<!--]--></div> <div class="head-right svelte-16wa9bo"><button type="button"${attr_class("toggle-btn svelte-16wa9bo", void 0, { "on": useTimeSlider })}${attr("aria-pressed", useTimeSlider)}>Time slider ${escape_html("off")}</button> `);
		$$renderer.push("<!--[-1-->");
		$$renderer.push(`<!--]--></div></header> `);
		{
			$$renderer.push("<!--[0-->");
			$$renderer.push(`<div class="state svelte-16wa9bo">`);
			Spinner($$renderer, { size: "md" });
			$$renderer.push(`<!----> <span>Loading graph data…</span></div>`);
		}
		$$renderer.push(`<!--]--></section>`);
	});
}

export { _page as default };
//# sourceMappingURL=_page.svelte-ksTJUXce.js.map
