import { w as withInstall } from "../badge/index2.js";
import { defineComponent, useSlots, openBlock, createElementBlock, createElementVNode, unref, renderSlot, Fragment, createCommentVNode, toDisplayString } from "vue";
var index = /* @__PURE__ */ (() => ".layui-exception .layui-exception-image{width:50%;display:inline-block;vertical-align:top}.layui-exception .layui-exception-image>div{height:200px;background-size:100% 100%;background-repeat:no-repeat}.layui-exception .layui-exception-image .error-401{background-image:url(data:image/svg+xml;base64,[encoded data, 264104 characters])}.layui-exception .layui-exception-image .error-403{background-image:url(data:image/svg+xml;base64,[encoded data, 266036 characters])}.layui-exception .layui-exception-image .error-404{background-image:url(data:image/svg+xml;base64,[encoded data, 266936 characters])}.layui-exception .layui-exception-image .error-500{background-image:url(data:image/svg+xml;base64,[encoded data, 285904 characters])}.layui-exception .layui-exception-details{width:50%;vertical-align:top;display:inline-block}.layui-exception .layui-exception-details .layui-exception-details-content{margin-left:100px}.layui-exception .layui-exception-details .layui-exception-details-content .layui-exception-details-title{font-size:60px;color:#434e59;margin-bottom:24px;font-weight:600}.layui-exception .layui-exception-details .layui-exception-details-content .layui-exception-details-describe{font-size:18px;color:#00000073;margin-bottom:26px}\n")();
const _hoisted_1 = { class: "layui-exception" };
const _hoisted_2 = { class: "layui-exception-image" };
const _hoisted_3 = {
  key: 0,
  class: "error-401"
};
const _hoisted_4 = {
  key: 1,
  class: "error-403"
};
const _hoisted_5 = {
  key: 2,
  class: "error-404"
};
const _hoisted_6 = {
  key: 3,
  class: "error-500"
};
const _hoisted_7 = { class: "layui-exception-details" };
const _hoisted_8 = { class: "layui-exception-details-content" };
const _hoisted_9 = { class: "layui-exception-details-title" };
const _hoisted_10 = { class: "layui-exception-details-describe" };
const _hoisted_11 = { class: "layui-exception-details-extra" };
const __default__ = {
  name: "LayException"
};
const _sfc_main = defineComponent({
  ...__default__,
  props: {
    title: { default: "exception" },
    status: null,
    describe: { default: "describe" }
  },
  setup(__props) {
    const slots = useSlots();
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("div", _hoisted_1, [
        createElementVNode("div", _hoisted_2, [
          unref(slots).default ? renderSlot(_ctx.$slots, "image", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
            __props.status == "401" ? (openBlock(), createElementBlock("div", _hoisted_3)) : createCommentVNode("", true),
            __props.status == "403" ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("", true),
            __props.status == "404" ? (openBlock(), createElementBlock("div", _hoisted_5)) : createCommentVNode("", true),
            __props.status == "500" ? (openBlock(), createElementBlock("div", _hoisted_6)) : createCommentVNode("", true)
          ], 64))
        ]),
        createElementVNode("div", _hoisted_7, [
          createElementVNode("div", _hoisted_8, [
            createElementVNode("div", _hoisted_9, toDisplayString(__props.title), 1),
            createElementVNode("div", _hoisted_10, toDisplayString(__props.describe), 1),
            createElementVNode("div", _hoisted_11, [
              renderSlot(_ctx.$slots, "extra")
            ])
          ])
        ])
      ]);
    };
  }
});
const component = withInstall(_sfc_main);
export { component as default };
