///
///
///
/** @jsx h */
/** @jsxFrag Fragment */
import { Fragment, h, render } from "../preact/mod.tsx";
import { useCallback, useState, useMemo, useEffect, useRef } from "../preact/hooks.ts";
const App = () => {
const ref = useRef(null);
const open = useCallback(() => ref.current?.showModal?.(), []);
const close = useCallback(() => ref.current?.close?.(), []);
/** dialogクリックではmodalを閉じないようにする */
const stopPropagation = useCallback((e: Event) => e.stopPropagation(), []);
return (<>
>)
};
const app = document.createElement("div");
const shadowRoot = app.attachShadow({ mode: "open" });
document.body.append(app);
render(, shadowRoot);