import { defineComponent as i, createElementBlock as s, openBlock as a, createTextVNode as m, createVNode as l, unref as u } from "vue";
import { ScalarIcon as d } from "@scalar/components";
import { useConfig as f } from "../hooks/useConfig.js";
import { useSidebar as p } from "../features/sidebar/hooks/useSidebar.js";
const b = /* @__PURE__ */ i({
  __name: "ShowMoreButton",
  props: {
    id: {}
  },
  setup(t) {
    const { setCollapsedSidebarItem: n } = p(), r = f(), c = () => {
      var e, o;
      n(t.id, !0), (o = (e = r.value).onShowMore) == null || o.call(e, t.id);
    };
    return (e, o) => (a(), s("button", {
      class: "show-more",
      type: "button",
      onClick: c
    }, [
      o[0] || (o[0] = m(" Show More ")),
      l(u(d), {
        class: "show-more-icon",
        icon: "ChevronDown"
      })
    ]));
  }
});
export {
  b as default
};
