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