'use client';
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),t=require("./common/helpers.js"),r=require("./common/classes.js"),l=require("./common/styles.js"),o=require("../../hooks/useDotsSetting.js"),a=require("@gem-sdk/system");exports.default=i=>{let{onHandleClick:n,dotSize:c,dotActiveColor:u,dotColor:g}=i,{isLoop:m,checkIsActive:d}=o.useDotsSetting(i),{checkHidden:p,getDotItems:j}=t.getData(i),y=j(m),{dotClass:q}=r.getDotClass(i),{dotStyle:v}=l.getDotStyle(i,"react");return e.jsx(e.Fragment,{children:a.If(!p(y),e.jsx("div",{className:q,style:v,children:e.jsx(e.Fragment,{children:y?.map(t=>{let r=d(t);return e.jsx("button",{"aria-label":"Dot",onClick:()=>{n&&n(t,m)},style:{...s.makeStyleResponsiveByScreen("w",c,"px"),...r?s.getGlobalColorResponsiveStyle("bg",u):s.getGlobalColorResponsiveStyle("bg",g)},className:s.cls("gp-aspect-square gp-w-3 gp-rounded-full gp-shadow-md",{"gem-slider-dot-active":r,"gem-slider-dot-inactive":!r})},t)})})}))})};
