stone-kit
Version:
uikit for redesign
92 lines (91 loc) • 2.17 kB
JavaScript
import { jsxs as r, jsx as o } from "react/jsx-runtime";
import { MetroLabel as e } from "../../../../components/MetroLabel/ui/MetroLabel.js";
const s = {
title: "shared/ui/MetroLabel",
component: e,
parameters: {
layout: "centered"
},
tags: ["autodocs"],
argTypes: {
width: {
control: {
type: "select",
options: ["full", "auto"]
}
},
justifyContent: {
control: {
type: "select",
options: ["flex-start", "flex-end", "center", "space-between", "space-around", "space-evenly"]
}
},
colorIcon: {
control: "color"
}
}
}, n = {
args: {
metro: {
name: "Сокольники",
color: "#FF6B35",
routes: [
{ timeTo: "5", iconName: "metro" },
{ timeTo: "3", iconName: "bus" }
]
}
}
}, c = {
args: {
metro: {
name: "Парк Культуры",
color: "#FF6B35",
routes: [
{ timeTo: "2", iconName: "metro" },
{ timeTo: "7", iconName: "bus" }
]
}
}
}, i = {
args: {
metro: {
name: "Кропоткинская",
color: "#FF6B35"
}
}
}, l = {
args: {
metro: {
name: "Библиотека им. Ленина",
color: "#FF6B35",
routes: [
{ timeTo: "1", iconName: "metro" },
{ timeTo: "3", iconName: "bus" },
{ timeTo: "5", iconName: "tram" }
]
}
}
}, u = {
args: {
metro: {
name: "Охотный Ряд",
color: "#FF6B35",
routes: [
{ timeTo: "2", iconName: "metro" }
]
}
},
render: (t) => /* @__PURE__ */ r("div", { style: { display: "flex", gap: "8px", flexWrap: "wrap" }, children: [
/* @__PURE__ */ o(e, { ...t }),
/* @__PURE__ */ o(e, { metro: { name: "Театральная", color: "#00A651", routes: [{ timeTo: "3", iconName: "metro" }] } }),
/* @__PURE__ */ o(e, { metro: { name: "Площадь Революции", color: "#00A651", routes: [{ timeTo: "1", iconName: "metro" }] } })
] })
};
export {
n as Default,
u as DifferentStations,
l as MultipleRoutes,
c as WithRoutes,
i as WithoutRoutes,
s as default
};