import { defineComponent as c, openBlock as p, createBlock as i, resolveDynamicComponent as m, normalizeStyle as d, unref as t, normalizeClass as u, withCtx as f, createTextVNode as _ } from "vue";
import { useTheme as h } from "../../composables/useTheme.js";
const y = ["line", "circle"], s = {
  shape: y
}, k = {
  tag: {
    type: String,
    default: "div"
  },
  shape: {
    type: String,
    default: "line",
    validator: (e) => s.shape.includes(e)
  }
}, S = {
  name: "XSkeleton",
  validators: s
}, x = /* @__PURE__ */ c({
  ...S,
  props: k,
  setup(e) {
    const a = e, { styles: o, classes: n, className: l } = h("Skeleton", {}, a);
    return (r, g) => (p(), i(m(r.tag), {
      style: d(t(o)),
      class: u([
        t(l),
        t(n).wrapper
      ])
    }, {
      default: f(() => [
        _(" ​ ")
      ]),
      _: 1
    }, 8, ["style", "class"]));
  }
});
export {
  x as default
};
