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

uikit for redesign

import { jsxs as l, jsx as s } from "react/jsx-runtime";
import { c as i } from "../../../index-YnD2EP-S.js";
import { NewIcon as _ } 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 = i.bind(t), v = ({ addClassName: e, metro: o, width: c = "full", justifyContent: n = "flex-start", colorIcon: a = "#777E90", ...m }) => /* @__PURE__ */ l(
  "div",
  {
    style: { justifyContent: `${n}` },
    className: C(t.root, e, t[c]),
    ...m,
    children: [
      /* @__PURE__ */ l("div", { className: t.metroColor, children: [
        o?.color && /* @__PURE__ */ s("span", { style: { background: o?.color ?? "" } }),
        o.name
      ] }),
      o.routes && o.routes.map((r, u) => /* @__PURE__ */ l(
        "div",
        {
          className: t.route,
          children: [
            r.iconName && /* @__PURE__ */ s(
              _,
              {
                size: "20",
                name: r.iconName,
                color: a
              }
            ),
            r.timeTo + " мин"
          ]
        },
        u
      ))
    ]
  }
);
export {
  v as MetroLabel
};