"use client";
import { j as e } from "../../../../../../../node_modules/.pnpm/react@19.1.0/node_modules/react/jsx-runtime.mjs";
import j from "../../../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.mjs";
import "react";
import { ReactComponent as C } from "../../../../../../assets/images/PlayIcon.svg.mjs";
import { useCarousel as g } from "../../../../index.mjs";
import o from "./Item.module.scss.mjs";
import { LoadBar as v } from "./components/LoadBar/index.mjs";
const R = ({
  isActive: i,
  imageElement: m,
  onClick: c,
  showLoadBar: d,
  itemIndex: p,
  className: f,
  isEmptyItem: n,
  isVideoSlide: u,
  ...x
}) => {
  const { isLoading: a } = g();
  let l = null;
  d && i && (l = /* @__PURE__ */ e.jsx(v, { itemIndex: p, className: o.loader }));
  let r = null;
  u && (r = /* @__PURE__ */ e.jsx("div", { className: o.playIconContainer, children: /* @__PURE__ */ e.jsx(C, {}) }));
  let t = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
    /* @__PURE__ */ e.jsx("div", { className: o.imageContainer, children: m }),
    r,
    l
  ] });
  (n || a) && (t = null);
  let s = c;
  return a && (s = void 0), /* @__PURE__ */ e.jsx(
    "div",
    {
      className: j(
        o.itemContainer,
        o.noGradientBorder,
        {
          [o.active]: i,
          [o.empty]: n,
          [o.loading]: a
        },
        f
      ),
      onClick: s,
      ...x,
      children: t
    }
  );
};
export {
  R as default
};
//# sourceMappingURL=index.mjs.map
