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