import { defineComponent as i, openBlock as s, createElementBlock as l, unref as e, withDirectives as n, createElementVNode as r, vShow as a } from "vue";
import { theme as o } from "./composables-5f691338.js";
const c = { class: "i-carbon-moon" }, d = { class: "i-ion-ios-sunny" }, f = /* @__PURE__ */ i({
  __name: "UiDark",
  setup(m) {
    return (_, t) => (s(), l("button", {
      class: "p-2 text-xl",
      onClick: t[0] || (t[0] = (k) => e(o).dark = !e(o).dark),
      "aria-label": "Toggle dark mode"
    }, [
      n(r("div", c, null, 512), [
        [a, e(o).dark]
      ]),
      n(r("div", d, null, 512), [
        [a, !e(o).dark]
      ])
    ]));
  }
});
export {
  f as default
};
//# sourceMappingURL=UiDark-22eacf77.js.map
