import { defineComponent, inject, ref, onMounted, onUnmounted, openBlock, createElementBlock, normalizeStyle, renderSlot } from "vue";
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "SwiperItem",
  setup(__props) {
    const swiperData = inject("swiper");
    const swiperItemStyle = ref();
    swiperData.addSwiperItem();
    onMounted(() => {
      swiperItemStyle.value = {
        width: `${swiperData.swiperRef.value.offsetWidth}px`,
        height: `${swiperData.swiperRef.value.offsetHeight}px`
      };
    });
    onUnmounted(() => {
      swiperData.removeSwiperItem();
    });
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("div", {
        class: "swiper-item",
        style: normalizeStyle(swiperItemStyle.value)
      }, [
        renderSlot(_ctx.$slots, "default", {}, void 0, true)
      ], 4);
    };
  }
});
export {
  _sfc_main as default
};
