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