stone-kit
Version:
uikit for redesign
143 lines (142 loc) • 4.04 kB
JavaScript
import { jsxs as c, jsx as r } from "react/jsx-runtime";
import { c as w } from "../../../index-rKuIKazb.js";
import { NewIcon as t } from "../../NewIcon/ui/NewIcon.js";
const N = "_root_16fjr_1", W = "_iconsWrapper_16fjr_17", x = "_metroColor_16fjr_27", B = "_route_16fjr_37", T = "_auto_16fjr_47", $ = "_full_16fjr_51", C = "_transparent_16fjr_55", b = "_long_16fjr_60", v = "_mini_16fjr_64", y = "_metroColorMini_16fjr_68", I = "_routeMini_16fjr_77", z = "_withBg_16fjr_90", E = "_withWhiteBg_16fjr_94", n = {
root: N,
iconsWrapper: W,
metroColor: x,
route: B,
auto: T,
full: $,
transparent: C,
long: b,
mini: v,
metroColorMini: y,
routeMini: I,
withBg: z,
withWhiteBg: E
}, e = w.bind(n), q = ({
addClassName: a,
addClassNameColor: _,
addClassNameTimeTo: j,
metro: o,
separatorColor: M = "#F4F5F6",
width: u = "auto",
variant: l = "default",
isBetween: f = !1,
withBg: d = !1,
withWhiteBg: p = !1,
...h
}) => {
const g = ["pedestrian", "auto"];
return Array.isArray(o) ? /* @__PURE__ */ c(
"div",
{
className: e(
n.root,
n[l],
n[f ? "long" : ""],
n[d ? "withBg" : ""],
n[p ? "withWhiteBg" : ""],
a,
n[u]
),
...h,
children: [
/* @__PURE__ */ c("div", { className: e(n.metroColor, _), children: [
/* @__PURE__ */ r("div", { className: n.iconsWrapper, children: o.map((i, s) => i.icon ? /* @__PURE__ */ r(
"div",
{
className: n.icon,
children: (i == null ? void 0 : i.icon) && /* @__PURE__ */ r(
t,
{
size: "20",
name: i.icon,
color: "#777E90"
}
)
},
`metro + ${i.name} + ${s}`
) : /* @__PURE__ */ r(
"span",
{
style: {
background: (i == null ? void 0 : i.color) ?? "",
border: s > 0 ? `1px solid ${M}` : ""
}
},
`color + ${i.name} + ${s}`
)) }),
o.map((i) => i.name).join(", ")
] }),
o == null ? void 0 : o.map((i, s) => !i.mode || !i.timeTo ? null : /* @__PURE__ */ c(
"div",
{
className: n.route,
children: [
g.includes(i.mode) && /* @__PURE__ */ r(
t,
{
size: "20",
name: i.mode,
color: "#777E90"
}
),
i.timeTo + " " + (i.selfIconText ?? "мин")
]
},
`route - ${i.name} - ${s}`
))
]
}
) : /* @__PURE__ */ c(
"div",
{
className: e(
n.root,
n[l],
n[f ? "long" : ""],
n[d ? "withBg" : ""],
n[p ? "withWhiteBg" : ""],
a,
n[u]
),
...h,
children: [
/* @__PURE__ */ c(
"div",
{
className: e(n.metroColor, _, { [n.metroColorMini]: l === "mini" }),
children: [
(o == null ? void 0 : o.icon) && /* @__PURE__ */ r(
"img",
{
src: o.icon,
width: 20,
height: 20
}
),
(o == null ? void 0 : o.color) && !(o != null && o.icon) && /* @__PURE__ */ r("span", { style: { background: (o == null ? void 0 : o.color) ?? "" } }),
o.name
]
}
),
o.timeTo && /* @__PURE__ */ c("div", { className: e(n.route, j, { [n.routeMini]: l === "mini" }), children: [
o.mode && g.includes(o.mode) && /* @__PURE__ */ r(
t,
{
size: "20",
name: o.mode,
color: "#777E90"
}
),
o.timeTo + " " + (o.selfIconText ?? "мин")
] })
]
}
);
};
export {
q as MetroTag
};