import { defineComponent as n, openBlock as o, createElementBlock as t, createElementVNode as s, createVNode as c, unref as d, pushScopeId as p, popScopeId as i } from "vue";
import { ScalarIcon as l } from "@scalar/components";
const k = (e) => (p("data-v-559a0a79"), e = e(), i(), e), g = { class: "darklight-reference" }, m = { key: 0 }, _ = { key: 1 }, h = /* @__PURE__ */ k(() => /* @__PURE__ */ s("a", {
  class: "darklight-reference-promo",
  href: "https://www.scalar.com",
  target: "_blank"
}, " Powered by scalar.com ", -1)), D = /* @__PURE__ */ n({
  __name: "DarkModeToggle",
  props: {
    isDarkMode: { type: Boolean }
  },
  emits: ["toggleDarkMode"],
  setup(e) {
    return (r, a) => (o(), t("div", g, [
      s("button", {
        class: "darklight",
        type: "button",
        onClick: a[0] || (a[0] = (f) => r.$emit("toggleDarkMode"))
      }, [
        c(d(l), { icon: "LightDarkModeToggle" }),
        r.isDarkMode ? (o(), t("span", m, "Light Mode")) : (o(), t("span", _, "Dark Mode"))
      ]),
      h
    ]));
  }
});
export {
  D as default
};
