stone-kit/dist/pages/TabsPage/TabsPage.js

uikit for redesign

import { jsxs as o, jsx as t } from "react/jsx-runtime";
import { useState as p } from "react";
import { T as i } from "../../FilterWithSave-D4iIFzmS.js";
import { FieldInput as l } from "../../components/FieldInput/ui/FieldInput.js";
import { TabSelect as d } from "../../components/TabSelect/ui/TabSelect.js";
const m = "_root_idppf_1", _ = "_tabsShort_idppf_7", g = "_tabSelectWrapper_idppf_11", v = "_whiteRow_apart_idppf_22", w = "_row_apart_idppf_26", n = {
  root: m,
  tabsShort: _,
  tabSelectWrapper: g,
  whiteRow_apart: v,
  row_apart: w
}, I = () => {
  const [s, h] = p("C мебелью"), c = ["C мебелью", "C размерами", "План этажа", "Ген. план"], r = ["Студия", "1", "2", "3", "4+"];
  return /* @__PURE__ */ o("div", { className: n.root, children: [
    /* @__PURE__ */ t(i, { children: r.map((a, e) => /* @__PURE__ */ t(
      i.Item,
      {
        itemsLength: r.length,
        size_s: "medium",
        size_l: "large",
        index: e,
        value: a,
        disabled: e === 2 || e === 1,
        children: a
      },
      e
    )) }),
    /* @__PURE__ */ t("div", { className: n.tabsShort, children: /* @__PURE__ */ t(l, { label: "Количество спален", children: /* @__PURE__ */ t(i, { children: r.map((a, e) => /* @__PURE__ */ t(
      i.Item,
      {
        itemsLength: r.length,
        index: e,
        value: a,
        addItemClassName: e === 0 ? n.gg : "",
        children: a
      }
    )) }) }) }),
    /* @__PURE__ */ t("div", { className: n.tabsShort, children: /* @__PURE__ */ t(l, { label: "Количество спален", children: /* @__PURE__ */ t(i, { variant: "whiteRowGrayLabel", children: r.map((a, e) => /* @__PURE__ */ t(
      i.Item,
      {
        size_s: "tiny",
        size_m: "tiny",
        size_l: "tiny",
        itemsLength: r.length,
        index: e,
        value: a,
        addItemClassName: e === 0 ? n.gg : "",
        children: a
      },
      e
    )) }) }) }),
    /* @__PURE__ */ t("div", { className: n.tabsShort, children: /* @__PURE__ */ t(l, { label: "Количество спален", children: /* @__PURE__ */ t(i, { variant: "outlined", children: r.map((a, e) => /* @__PURE__ */ t(
      i.Item,
      {
        size_s: "tiny",
        size_m: "tiny",
        size_l: "tiny",
        itemsLength: r.length,
        index: e,
        value: a,
        addItemClassName: e === 0 ? n.gg : "",
        children: a
      },
      e
    )) }) }) }),
    /* @__PURE__ */ t(l, { label: "Количество спален", children: /* @__PURE__ */ t(i, { variant: "whiteRowGrayLabel", children: r.map((a, e) => /* @__PURE__ */ t(
      i.Item,
      {
        size_s: "tiny",
        size_m: "tiny",
        size_l: "tiny",
        itemsLength: r.length,
        index: e,
        value: a,
        addItemClassName: e === 0 ? n.gg : "",
        children: a
      },
      e
    )) }) }),
    /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(i, { col: !0, children: r.map((a, e) => /* @__PURE__ */ t(
      i.Item,
      {
        itemsLength: r.length,
        index: e,
        value: a,
        children: a
      },
      e
    )) }) }),
    /* @__PURE__ */ t("div", { className: n.tabsShort, children: /* @__PURE__ */ t(i, { col: !0, children: r.map((a, e) => /* @__PURE__ */ t(
      i.Item,
      {
        itemsLength: r.length,
        index: e,
        value: a,
        children: a
      },
      e
    )) }) }),
    /* @__PURE__ */ t("div", { className: n.whiteRow_apart, children: /* @__PURE__ */ t(
      i,
      {
        variant: "whiteRow",
        isApart: !0,
        addClassName: n.row_apart,
        children: r.map((a, e) => /* @__PURE__ */ t(
          i.Item,
          {
            width: e === 0 ? "135px" : void 0,
            width_m: e === 0 ? "96px" : void 0,
            width_l: e === 0 ? "155px" : void 0,
            itemsLength: r.length,
            index: e,
            children: a
          },
          e
        ))
      }
    ) }),
    /* @__PURE__ */ t("div", { className: n.whiteRow_apart, children: /* @__PURE__ */ t(
      i,
      {
        variant: "grayRow",
        isApart: !0,
        addClassName: n.row_apart,
        children: r.map((a, e) => /* @__PURE__ */ t(
          i.Item,
          {
            width: e === 0 ? "135px" : void 0,
            width_m: e === 0 ? "96px" : void 0,
            width_l: e === 0 ? "155px" : void 0,
            itemsLength: r.length,
            index: e,
            children: a
          },
          e
        ))
      }
    ) }),
    /* @__PURE__ */ t("div", { className: n.tabSelectWrapper, children: /* @__PURE__ */ t(d, { variant: "grayDesign", children: c.map((a, e) => /* @__PURE__ */ t(
      d.Item,
      {
        name: "type",
        checked: s === a,
        onChange: () => h(a),
        value: a,
        children: a
      },
      e
    )) }) }),
    /* @__PURE__ */ t("div", { className: n.tabSelectWrapper, children: /* @__PURE__ */ t(d, { variant: "whiteStroke", children: ["для коммерции", "для жилых"].map((a, e) => /* @__PURE__ */ t(
      d.Item,
      {
        name: "type",
        width: "160px",
        withPadding: !0,
        checked: s === a,
        onChange: () => h(a),
        value: a,
        children: a
      },
      e
    )) }) })
  ] });
};
export {
  I as default
};