"use client";
import { jsx as i, jsxs as c } from "react/jsx-runtime";
import { useState as p } from "react";
import { useIsMobile as d } from "../../../utils/useIsMobile.es.js";
import e from "../../../components/ComplexImageCarousel/SimpleImageCarousel/simpleImageCarousel.module.css";
import { InfiniteScroll as f } from "../../InfiniteScroll/InfiniteScroll.es.js";
import { ComplexTooltip as h } from "../../ComplexTooltip/ComplexTooltip.es.js";
import { Typography as n } from "../../Typography/Typography.es.js";
const I = ({ images: a }) => {
  const [t, s] = p(null), r = d(930);
  return /* @__PURE__ */ i("div", { className: e.simpleContainer, children: /* @__PURE__ */ i(
    f,
    {
      items: a,
      enableManualScroll: r,
      slowOnTouch: r,
      renderItem: (l, m) => /* @__PURE__ */ c(
        "div",
        {
          className: e.simpleItem,
          onMouseEnter: (o) => {
            s({
              x: o.clientX,
              y: window.scrollY + o.clientY
            });
          },
          onMouseMove: (o) => {
            s({
              x: o.clientX,
              y: window.scrollY + o.clientY
            });
          },
          children: [
            /* @__PURE__ */ i(
              h,
              {
                trigger: "hover",
                title: l.title || "",
                description: l.description || "",
                style: "light",
                transformMode: "absolute",
                transform: { top: (t == null ? void 0 : t.y) || 0, left: t == null ? void 0 : t.x },
                children: /* @__PURE__ */ i("img", { src: l.image, alt: l.title, className: e.simpleImage })
              }
            ),
            /* @__PURE__ */ i(
              n,
              {
                as: "h4",
                defaultVariant: "headingXs",
                mobileVariant: "bodyLg",
                className: e.simpleTitle,
                children: l.title
              }
            ),
            /* @__PURE__ */ i(
              n,
              {
                as: "p",
                defaultVariant: "bodySm",
                mobileVariant: "bodyXs",
                className: e.simpleDescription,
                children: l.description
              }
            )
          ]
        },
        m
      ),
      itemClassName: e.simpleItemWrapper,
      contentClassName: e.simpleContent,
      rootClassName: e.simpleRoot
    }
  ) });
};
export {
  I as SimpleImageCarousel
};
