stone-kit/dist/pages/ButtonsPage/Buttons.js

uikit for redesign

import { jsxs as t, jsx as i } from "react/jsx-runtime";
import { useState as m } from "react";
import { Button as a } from "../../components/Button/ui/Button.js";
import "../../components/mobileButton/ui/MobileButton.js";
import { NewIcon as p } from "../../components/NewIcon/ui/NewIcon.js";
import "../../components/DestinationTab/ui/DestinationTab.js";
import { RoundButton as s } from "../../components/RoundButton/ui/RoundButton.js";
import "../../components/Tag/ui/Tag.js";
import { Switcher as c } from "../../components/Switcher/ui/Switcher.js";
import "../../components/Text/ui/Text.js";
import "../../components/Flex/ui/Flex.js";
import "../../components/Input/ui/Input.js";
import "react-dom";
import "../../index-YnD2EP-S.js";
import "../../FilterWithSave-D4iIFzmS.js";
import "../../components/GroupedInput/ui/GroupedInputs.js";
import "../../components/MetroTag/ui/MetroTag.js";
import "../../components/Select/ui/Select.js";
import { SliderNavigation as d } from "../../components/SliderNavigation/ui/SliderNavigation.js";
import "../../components/LotCardSkeleton/ui/LotCardSkeleton.js";
import "../../components/TabSelect/ui/TabSelect.js";
import { ZoomControls as h } from "../../components/ZoomControls/ui/ZoomControls.js";
import "../../components/CheckBox/CheckBox.js";
import "../../components/CheckBoxNew/CheckBoxNew.js";
import "../../components/CheckboxSelect/ui/CheckboxSelect.js";
const u = "_root_iex42_1", v = "_buttonsWrapper_iex42_11", r = {
  root: u,
  buttonsWrapper: v
}, G = () => {
  const [o, e] = m(!0), [n, l] = m(!1);
  return /* @__PURE__ */ t("div", { className: r.root, children: [
    /* @__PURE__ */ t("div", { className: r.clearButton, children: [
      /* @__PURE__ */ i("h2", { children: "Обычная" }),
      /* @__PURE__ */ i("div", { className: r.buttonsWrapper, children: /* @__PURE__ */ i(
        a,
        {
          as: "button",
          size: "large",
          variant: "blue",
          children: "Приветики"
        }
      ) })
    ] }),
    /* @__PURE__ */ t("div", { className: r.clearButton, children: [
      /* @__PURE__ */ i("h2", { children: "Круглая" }),
      /* @__PURE__ */ t("div", { className: r.buttonsWrapper, children: [
        /* @__PURE__ */ i(
          s,
          {
            variant: o ? "blackFill" : "whiteStroke",
            size: "tiny",
            onClick: () => e(!o),
            children: /* @__PURE__ */ i(
              p,
              {
                name: "close",
                size: "12",
                color: o ? "#fff" : "#000"
              }
            )
          }
        ),
        /* @__PURE__ */ i(
          s,
          {
            iconName: "close",
            variant: o ? "blackFill" : "whiteStroke",
            deg: "90",
            size: "tiny",
            size_l: "small",
            onClick: () => e(!o)
          }
        )
      ] })
    ] }),
    /* @__PURE__ */ t("div", { children: [
      /* @__PURE__ */ i("h2", { children: "Зум" }),
      /* @__PURE__ */ i(
        h,
        {
          size: "medium",
          zoomIn: () => {
          },
          zoomOut: () => {
          }
        }
      )
    ] }),
    /* @__PURE__ */ t("div", { children: [
      /* @__PURE__ */ i("h2", { children: "Слайдер" }),
      /* @__PURE__ */ i(
        d,
        {
          goNext: () => {
          },
          arr: [1, 2, 3],
          indexSlide: 0,
          goPrev: () => {
          }
        }
      )
    ] }),
    /* @__PURE__ */ i(
      c,
      {
        isActive: o,
        onClick: () => e(!o),
        children: "В продаже"
      }
    ),
    /* @__PURE__ */ i(
      c,
      {
        isActive: n,
        onClick: () => l(!n),
        children: "В продаже"
      }
    )
  ] });
};
export {
  G as ButtonsPage
};