@vrx-arco/pro-components/dist/SearchLayout/Header.js

<p align="center"> <img src="https://vrx-arco.github.io/arco-design-pro/favicon.svg" width="200" height="250"> </p>

"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const vue = require("vue");
const webVue = require("@arco-design/web-vue");
const context = require("./context.js");
const SearchLayoutHeader = /* @__PURE__ */ vue.defineComponent({
  name: "vrx-arco-search-layout-header",
  setup: (_, {
    slots
  }) => {
    const {
      bemClass,
      type,
      title
    } = context.injectSearchLayout();
    return () => {
      return vue.createVNode(webVue.Layout.Header, {
        "class": {
          [bemClass("__header")]: true,
          [bemClass("__header--card")]: type.value === "card"
        }
      }, {
        default: () => [vue.createVNode(webVue.Card, {
          "bordered": false,
          "title": title.value,
          "class": bemClass("-card")
        }, {
          default: () => {
            var _a;
            return [(_a = slots.default) == null ? void 0 : _a.call(slots)];
          }
        }), type.value === "card" && vue.createVNode("div", {
          "class": bemClass("__header-divider")
        }, [vue.createVNode(webVue.Divider, null, null)])]
      });
    };
  }
});
exports.SearchLayoutHeader = SearchLayoutHeader;