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

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

import { defineComponent, createVNode } from "vue";
import { Layout, Card, Divider } from "@arco-design/web-vue";
import { injectSearchLayout } from "./context.mjs";
const SearchLayoutHeader = /* @__PURE__ */ defineComponent({
  name: "vrx-arco-search-layout-header",
  setup: (_, {
    slots
  }) => {
    const {
      bemClass,
      type,
      title
    } = injectSearchLayout();
    return () => {
      return createVNode(Layout.Header, {
        "class": {
          [bemClass("__header")]: true,
          [bemClass("__header--card")]: type.value === "card"
        }
      }, {
        default: () => [createVNode(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" && createVNode("div", {
          "class": bemClass("__header-divider")
        }, [createVNode(Divider, null, null)])]
      });
    };
  }
});
export {
  SearchLayoutHeader
};