import { defineComponent, createElementBlock, openBlock, unref, createVNode, createTextVNode } from "vue";
import { ScalarIconSparkle } from "@scalar/icons";
import { useAgentContext } from "../../hooks/use-agent.js";
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "AgentScalarButton",
  setup(__props) {
    const agentContext = useAgentContext();
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("button", {
        class: "bg-sidebar-b-search text-sidebar-c-2 hover:text-sidebar-c-1 flex items-center gap-1.5 rounded border px-2 text-base whitespace-nowrap",
        type: "button",
        onClick: _cache[0] || (_cache[0] = ($event) => unref(agentContext)?.toggleAgent())
      }, [
        createVNode(unref(ScalarIconSparkle)),
        _cache[1] || (_cache[1] = createTextVNode(" Ask AI ", -1))
      ]);
    };
  }
});
export {
  _sfc_main as default
};
