import { h as head, w as attr, q as escape_html } from './index2-CkPUJ4Ro.js';
import { B as Button } from './button-BHoLc3MZ.js';
import 'clsx';
import './utils2-B05Dmz_H.js';
import 'tailwind-merge';

function _page($$renderer, $$props) {
  $$renderer.component(($$renderer2) => {
    let { data } = $$props;
    head("mbpe06", $$renderer2, ($$renderer3) => {
      $$renderer3.title(($$renderer4) => {
        $$renderer4.push(`<title>${escape_html(data.title)} — Base</title>`);
      });
    });
    $$renderer2.push(`<main class="relative flex-1 min-h-0 min-w-0 flex flex-col"><iframe id="app-iframe"${attr("title", data.title)}${attr("src", data.url)} class="absolute inset-0 w-full h-full border-0 rounded-none"></iframe> <div class="absolute top-2 left-1/2 -translate-x-1/2 z-10 flex items-center justify-center pointer-events-none pt-[env(safe-area-inset-top)]" aria-hidden="true"><div class="pointer-events-auto"><a href="/">`);
    Button($$renderer2, {
      type: "button",
      variant: "secondary",
      class: "shadow-md",
      children: ($$renderer3) => {
        $$renderer3.push(`<!---->Base`);
      },
      $$slots: { default: true }
    });
    $$renderer2.push(`<!----></a></div></div></main>`);
  });
}

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