import { deferredControl } from "@pathmx/core/controls/browser"

const settings = deferredControl("Settings", () => import("./client.tsx"))
function open(trigger: HTMLElement, section: string, returnFocus = trigger) {
  void settings.activate(trigger, ({ openSettings }) =>
    openSettings({ section, returnFocus }),
  )
}
export default function mount({ element, signal }: import("@pathmx/core").ComponentClientContext<unknown>) {
  element.addEventListener("click", () => open(element, element.dataset.settingsSection ?? "theme"), { signal })
}