stone-kit/dist/components/SliderNavigation/ui/SliderNavigation.js

uikit for redesign

import { jsxs as f, jsx as r } from "react/jsx-runtime";
import { RoundButton as d } from "../../RoundButton/ui/RoundButton.js";
import { Tag as C } from "../../Tag/ui/Tag.js";
import { useClientWidth as T } from "../../../shared/useClientWidth.js";
import { c as N } from "../../../index-rKuIKazb.js";
const k = "_sliderTag_1rvl9_1", l = {
  sliderTag: k
}, v = N.bind(l), $ = ({
  indexSlide: o,
  isDisabledOff: s,
  goPrev: m,
  goNext: c,
  arr: e,
  isNeedTag: g = !0,
  additionalClassTag: p = "",
  navigationClassName: u = "",
  additionalClassNavButton: t = "",
  size: n = "medium",
  size_m: i = "medium",
  size_l: a = "large"
}) => {
  const { isDesktop: h } = T();
  return /* @__PURE__ */ f("div", { className: u, children: [
    /* @__PURE__ */ r(
      d,
      {
        iconName: "directionDown",
        deg: "90",
        size: n,
        size_m: i,
        size_l: a,
        disabled: s ? !1 : o === 0,
        additionalClass: t,
        onClick: m
      }
    ),
    g && /* @__PURE__ */ r(
      C,
      {
        additionalClass: v(l.sliderTag, p),
        variant: "shade",
        size: h ? "large" : "medium",
        size_m: i,
        size_l: a,
        children: `${o + 1} из ${e.length}`
      }
    ),
    /* @__PURE__ */ r(
      d,
      {
        disabled: s ? !1 : o === e.length - 1,
        size: n,
        size_m: i,
        size_l: a,
        iconName: "directionDown",
        deg: "-90",
        additionalClass: t,
        onClick: c
      }
    )
  ] });
};
export {
  $ as SliderNavigation
};