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

uikit for redesign

import { jsxs as s, jsx as r } from "react/jsx-runtime";
import { c as _ } from "../../../index-rKuIKazb.js";
import { NewIcon as m } from "../../NewIcon/ui/NewIcon.js";
const f = "_root_1ml5t_1", d = "_metroColor_1ml5t_15", N = "_route_1ml5t_25", p = "_auto_1ml5t_35", x = "_full_1ml5t_39", t = {
  root: f,
  metroColor: d,
  route: N,
  auto: p,
  full: x
}, C = _.bind(t), v = ({ addClassName: c, metro: o, width: n = "full", justifyContent: a = "flex-start", colorIcon: e = "#777E90", ...u }) => /* @__PURE__ */ s(
  "div",
  {
    style: { justifyContent: `${a}` },
    className: C(t.root, c, t[n]),
    ...u,
    children: [
      /* @__PURE__ */ s("div", { className: t.metroColor, children: [
        (o == null ? void 0 : o.color) && /* @__PURE__ */ r("span", { style: { background: (o == null ? void 0 : o.color) ?? "" } }),
        o.name
      ] }),
      o.routes && o.routes.map((l, i) => /* @__PURE__ */ s(
        "div",
        {
          className: t.route,
          children: [
            l.iconName && /* @__PURE__ */ r(
              m,
              {
                size: "20",
                name: l.iconName,
                color: e
              }
            ),
            l.timeTo + " мин"
          ]
        },
        i
      ))
    ]
  }
);
export {
  v as MetroLabel
};