import { defineComponent as n, openBlock as c, createElementBlock as r, createVNode as e, unref as a, createElementVNode as l } from "vue";
import { Skeleton as i } from "@aplus-frontend/antdv";
const o = { style: { marginBlockStart: "32px" } }, s = { style: {
  width: "100%",
  justifyContent: "space-between",
  display: "flex"
} }, v = { style: {
  flex: 1,
  marginInlineEnd: "24px",
  maxWidth: "300px"
} }, m = { style: {
  flex: 1,
  alignItems: "center",
  justifyContent: "center"
} }, d = { style: {
  maxWidth: "300px",
  margin: "auto"
} }, h = /* @__PURE__ */ n({
  __name: "item-large",
  props: {
    active: { type: Boolean }
  },
  setup(t) {
    return (p, f) => (c(), r("div", o, [
      e(a(i).Button, {
        active: t.active,
        size: "small",
        style: { width: "100px", marginBlockEnd: "16px" }
      }, null, 8, ["active"]),
      l("div", s, [
        l("div", v, [
          e(a(i), {
            active: t.active,
            paragraph: !1,
            title: { style: { marginBlockStart: 0 } }
          }, null, 8, ["active"]),
          e(a(i), {
            active: t.active,
            paragraph: !1,
            title: { style: { marginBlockStart: "8px" } }
          }, null, 8, ["active"]),
          e(a(i), {
            active: t.active,
            paragraph: !1,
            title: { style: { marginBlockStart: "8px" } }
          }, null, 8, ["active"])
        ]),
        l("div", m, [
          l("div", d, [
            e(a(i), {
              active: t.active,
              paragraph: !1,
              title: {
                style: { marginBlockStart: 0 }
              }
            }, null, 8, ["active"]),
            e(a(i), {
              active: t.active,
              paragraph: !1,
              title: {
                style: { marginBlockStart: "8px" }
              }
            }, null, 8, ["active"])
          ])
        ])
      ])
    ]));
  }
});
export {
  h as default
};
