@vrx-arco/pro-components/dist/LoginPage/Banner.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 _var = require("../style/var.js");
const LoginBanner = /* @__PURE__ */ vue.defineComponent({
  name: "vrx-arco-login-banner",
  props: {
    title: String,
    subtitle: String,
    image: String
  },
  setup: (props, {
    slots
  }) => {
    const {
      bemClass
    } = _var.style("login-page-banner");
    return () => {
      var _a, _b;
      const {
        title,
        subtitle,
        image
      } = props;
      return vue.createVNode("div", {
        "class": bemClass()
      }, [((_a = slots.title) == null ? void 0 : _a.call(slots)) || vue.createVNode("div", {
        "class": bemClass("__title")
      }, [title]), ((_b = slots.subtitle) == null ? void 0 : _b.call(slots)) || vue.createVNode("div", {
        "class": bemClass("__subtitle")
      }, [subtitle]), image && vue.createVNode("img", {
        "class": bemClass("__image"),
        "src": image,
        "alt": "banner"
      }, null)]);
    };
  }
});
exports.LoginBanner = LoginBanner;