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

uikit for redesign

import { jsxs as s, jsx as i } from "react/jsx-runtime";
import { c as z } from "../../../index-YnD2EP-S.js";
const N = "_destination_1c7de_1", x = "_destinationName_1c7de_40", w = "_routeText_1c7de_45", g = "_whiteStroke_1c7de_65", k = "_routeWrapper_1c7de_78", e = {
  destination: N,
  "auto-width": "_auto-width_1c7de_29",
  "full-width": "_full-width_1c7de_33",
  "medium-size": "_medium-size_1c7de_37",
  destinationName: x,
  routeText: w,
  "large-size": "_large-size_1c7de_51",
  whiteStroke: g,
  routeWrapper: k,
  "medium-size_m": "_medium-size_m_1c7de_109",
  "large-size_m": "_large-size_m_1c7de_122",
  "medium-size_l": "_medium-size_l_1c7de_137",
  "large-size_l": "_large-size_l_1c7de_150"
}, b = z.bind(e), f = ({
  size: a = "medium",
  size_m: d,
  size_l: r,
  destination: t = { destName: "", color: "" },
  variant: m = "whiteStroke",
  width: o = "auto",
  routes: c = [],
  checked: l,
  onChange: n,
  additionalClass: u = "",
  ...p
}) => /* @__PURE__ */ s(
  "label",
  {
    className: b(
      e.destination,
      e[`${a}-size`],
      e[`${d}-size_m`],
      e[`${r}-size_l`],
      e[`${m}`],
      e[`${o}-width`],
      u
    ),
    ...p,
    htmlFor: t.destName,
    children: [
      /* @__PURE__ */ i(
        "input",
        {
          id: t.destName,
          checked: l,
          onChange: n,
          type: "checkbox",
          name: t.destName,
          value: t.destName
        }
      ),
      /* @__PURE__ */ s("div", { className: e.destination, children: [
        t?.color && /* @__PURE__ */ i("span", { style: { background: t?.color ?? "" } }),
        t.destName
      ] }),
      c.map((_, h) => /* @__PURE__ */ s(
        "div",
        {
          className: e.routeWrapper,
          children: [
            _.type,
            /* @__PURE__ */ i("div", { className: e.routeText, children: _.text })
          ]
        },
        h
      ))
    ]
  }
);
export {
  f as DestinationTab
};