stone-kit
Version:
uikit for redesign
156 lines (155 loc) • 4.94 kB
JavaScript
import { jsxs as p, jsx as a } from "react/jsx-runtime";
import { useState as o } from "react";
import { S as i } from "../../FilterWithSave-Dy5t7CrS.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", w = "_tabSelectWrapper_idppf_11", v = "_destinationWrapper_idppf_15", g = "_whiteRow_apart_idppf_22", u = "_row_apart_idppf_26", n = {
root: m,
tabsShort: _,
tabSelectWrapper: w,
destinationWrapper: v,
whiteRow_apart: g,
row_apart: u
}, f = () => {
const [s, h] = o("C мебелью"), c = ["C мебелью", "C размерами", "План этажа", "Ген. план"], r = ["Студия", "1", "2", "3", "4+"];
return /* @__PURE__ */ p("div", { className: n.root, children: [
/* @__PURE__ */ a(i, { children: r.map((t, e) => /* @__PURE__ */ a(
i.Item,
{
itemsLength: r.length,
size_s: "medium",
size_l: "large",
index: e,
value: t,
disabled: e === 2 || e === 1,
children: t
},
e
)) }),
/* @__PURE__ */ a("div", { className: n.tabsShort, children: /* @__PURE__ */ a(l, { label: "Количество спален", children: /* @__PURE__ */ a(i, { children: r.map((t, e) => /* @__PURE__ */ a(
i.Item,
{
itemsLength: r.length,
index: e,
value: t,
addItemClassName: e === 0 ? n.gg : "",
children: t
}
)) }) }) }),
/* @__PURE__ */ a("div", { className: n.tabsShort, children: /* @__PURE__ */ a(l, { label: "Количество спален", children: /* @__PURE__ */ a(i, { variant: "whiteRowGrayLabel", children: r.map((t, e) => /* @__PURE__ */ a(
i.Item,
{
size_s: "tiny",
size_m: "tiny",
size_l: "tiny",
itemsLength: r.length,
index: e,
value: t,
addItemClassName: e === 0 ? n.gg : "",
children: t
},
e
)) }) }) }),
/* @__PURE__ */ a(l, { label: "Количество спален", children: /* @__PURE__ */ a(i, { variant: "whiteRowGrayLabel", children: r.map((t, e) => /* @__PURE__ */ a(
i.Item,
{
size_s: "tiny",
size_m: "tiny",
size_l: "tiny",
itemsLength: r.length,
index: e,
value: t,
addItemClassName: e === 0 ? n.gg : "",
children: t
},
e
)) }) }),
/* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(i, { col: !0, children: r.map((t, e) => /* @__PURE__ */ a(
i.Item,
{
itemsLength: r.length,
index: e,
value: t,
children: t
},
e
)) }) }),
/* @__PURE__ */ a("div", { className: n.tabsShort, children: /* @__PURE__ */ a(i, { col: !0, children: r.map((t, e) => /* @__PURE__ */ a(
i.Item,
{
itemsLength: r.length,
index: e,
value: t,
children: t
},
e
)) }) }),
/* @__PURE__ */ a("div", { className: n.whiteRow_apart, children: /* @__PURE__ */ a(
i,
{
variant: "whiteRow",
isApart: !0,
addClassName: n.row_apart,
children: r.map((t, e) => /* @__PURE__ */ a(
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: t
},
e
))
}
) }),
/* @__PURE__ */ a("div", { className: n.whiteRow_apart, children: /* @__PURE__ */ a(
i,
{
variant: "grayRow",
isApart: !0,
addClassName: n.row_apart,
children: r.map((t, e) => /* @__PURE__ */ a(
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: t
},
e
))
}
) }),
/* @__PURE__ */ a("div", { className: n.tabSelectWrapper, children: /* @__PURE__ */ a(d, { variant: "grayDesign", children: c.map((t, e) => /* @__PURE__ */ a(
d.Item,
{
name: "type",
checked: s === t,
onChange: () => h(t),
value: t,
children: t
},
e
)) }) }),
/* @__PURE__ */ a("div", { className: n.tabSelectWrapper, children: /* @__PURE__ */ a(d, { variant: "whiteStroke", children: ["для коммерции", "для жилых"].map((t, e) => /* @__PURE__ */ a(
d.Item,
{
name: "type",
width: "160px",
withPadding: !0,
checked: s === t,
onChange: () => h(t),
value: t,
children: t
},
e
)) }) })
] });
};
export {
f as default
};