import { defineComponent as i, createElementBlock as s, openBlock as l, unref as e, withDirectives as n, createElementVNode as r, vShow as a } from "vue";
import { theme as o } from "./composables-BAZQlC3e.js";
const c = { class: "i-carbon-moon" }, d = { class: "i-ion-ios-sunny" }, f = /* @__PURE__ */ i({
  __name: "UiDark",
  setup(m) {
    return (u, t) => (l(), s("button", {
      class: "button p-2",
      onClick: t[0] || (t[0] = (_) => 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-C7KM6LS0.js.map
