build/server/chunks/_layout.svelte-BKQCk7Ku.js

import { c as create_ssr_component, v as validate_component, e as escape } from './ssr-jUwReIMa.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 css = {
  code: ".app.svelte-1i03v0h{display:flex;flex-direction:column;min-height:100vh}main.svelte-1i03v0h{flex:1;display:flex;flex-direction:column;padding:1rem;width:100%;max-width:100rem;margin:0 auto;box-sizing:border-box;justify-content:center;height:100vh}footer.svelte-1i03v0h{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px}@media(min-width: 480px){footer.svelte-1i03v0h{padding:12px 0}}",
  map: null
};
const Layout = create_ssr_component(($$result, $$props, $$bindings, slots) => {
  $$result.css.add(css);
  return `<div class="app svelte-1i03v0h">${validate_component(Header, "Header").$$render($$result, {}, {}, {})} <main class="svelte-1i03v0h">${slots.default ? slots.default({}) : ``}</main> <footer class="svelte-1i03v0h" data-svelte-h="svelte-sjry9h"></footer> </div>`;
});

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