import { c as create_ssr_component, v as validate_component, e as escape } from './ssr-IdY0EU5r.js';
import { computePosition, autoUpdate, offset, shift, flip, arrow } from '@floating-ui/dom';
import { w as writable } from './index2-KUnGpG6g.js';
import './ProgressBar.svelte_svelte_type_style_lang-5Gb3pa2y.js';

const UglyCube = create_ssr_component(($$result, $$props, $$bindings, slots) => {
  const loadVersion = async () => {
    const response = await fetch("/api/env/search_version");
    const { value } = await response.json();
    return value;
  };
  let color = "rgb(0, 110, 255)";
  if ($$props.loadVersion === void 0 && $$bindings.loadVersion && loadVersion !== void 0)
    $$bindings.loadVersion(loadVersion);
  return `<div style="${"width: 50px; height: 50px;background-color: " + escape(color, true) + ";position:absolute; opacity: 0.6; top:10px; left: 10px"}"></div>`;
});
const Header = create_ssr_component(($$result, $$props, $$bindings, slots) => {
  return `${validate_component(UglyCube, "UglyCube").$$render($$result, {}, {}, {})}`;
});
const storePopup = writable(void 0);
const css = {
  code: ".app.svelte-1aienip{display:flex;flex-direction:column;min-height:100vh}main.svelte-1aienip{flex:1;display:flex;flex-direction:column;width:100%;max-width:100rem;margin:0 auto;box-sizing:border-box;justify-content:center;height:100vh}@media(min-width: 480px){}",
  map: null
};
const Layout = create_ssr_component(($$result, $$props, $$bindings, slots) => {
  storePopup.set({
    computePosition,
    autoUpdate,
    offset,
    shift,
    flip,
    arrow
  });
  $$result.css.add(css);
  return `<div class="app svelte-1aienip">${validate_component(Header, "Header").$$render($$result, {}, {}, {})} <main class="svelte-1aienip">${slots.default ? slots.default({}) : ``}</main>  </div>`;
});

export { Layout as default };
//# sourceMappingURL=_layout.svelte-AZZ6IipI.js.map