import { defineComponent, mergeProps, unref, useSSRContext } from 'vue';
import { ssrRenderAttrs, ssrRenderAttr, ssrInterpolate } from 'vue/server-renderer';
import { _ as _imports_0 } from './search_gray-B8huMSPA.mjs';
import { a as useConfigStore } from './server.mjs';

const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "SearchButton",
  __ssrInlineRender: true,
  setup(__props) {
    const config = useConfigStore();
    return (_ctx, _push, _parent, _attrs) => {
      _push(`<div${ssrRenderAttrs(mergeProps({
        class: ["text-sm text-gray-400 font-200 flex items-baseline py-8px px-3 rounded-lg gap-3", unref(config).isNightStore ? "bg-gray-700" : "bg-gray-100"]
      }, _attrs))}><img${ssrRenderAttr("src", _imports_0)} alt="" class="w-3"><div class="font-300">${ssrInterpolate(unref(config).useString("search"))}</div></div>`);
    };
  }
});
const _sfc_setup = _sfc_main.setup;
_sfc_main.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/SearchButton.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};

export { _sfc_main as _ };
//# sourceMappingURL=SearchButton-hLqVoTUX.mjs.map