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