import { defineComponent as y, computed as a, openBlock as n, createElementBlock as i, Fragment as x, renderList as g, normalizeStyle as k, createVNode as r, unref as s } from "vue";
import { Skeleton as o } from "@aplus-frontend/antdv";
import S from "@aplus-frontend/antdv/es/_util/hooks/useBreakpoint";
const z = { style: {
  width: "100%",
  justifyContent: "space-between",
  display: "flex"
} }, E = /* @__PURE__ */ y({
  name: "ApSkeletonDescItem",
  __name: "item",
  props: {
    size: {},
    active: { type: Boolean }
  },
  setup(e) {
    const t = e;
    t.size;
    const p = {
      lg: !0,
      md: !0,
      sm: !1,
      xl: !1,
      xs: !1,
      xxl: !1
    }, f = {
      xs: 1,
      sm: 2,
      md: 3,
      lg: 3,
      xl: 3,
      xxl: 4
    }, d = S(), c = a(() => d.value || p), v = a(
      () => Object.keys(c.value).filter(
        (m) => c.value[m] === !0
      )[0] || "md"
    ), u = a(
      () => t.size === void 0 ? f[v.value] || 3 : t.size
    );
    return (m, B) => (n(), i("div", z, [
      (n(!0), i(x, null, g(new Array(u.value).fill(null), (h, l) => (n(), i("div", {
        key: l,
        style: k({
          flex: 1,
          paddingInlineStart: l === 0 ? 0 : "24px",
          paddingInlineEnd: l === u.value - 1 ? 0 : "24px"
        })
      }, [
        r(s(o), {
          active: e.active,
          paragraph: !1,
          title: { style: { marginBlockStart: 0 } }
        }, null, 8, ["active"]),
        r(s(o), {
          active: e.active,
          paragraph: !1,
          title: { style: { marginBlockStart: "8px" } }
        }, null, 8, ["active"]),
        r(s(o), {
          active: e.active,
          paragraph: !1,
          title: { style: { marginBlockStart: "8px" } }
        }, null, 8, ["active"])
      ], 4))), 128))
    ]));
  }
});
export {
  E as default
};
