@mantine/core
Version:
React components library focused on usability, accessibility and developer experience
47 lines (46 loc) • 1.46 kB
JavaScript
"use client";
require("../../../_virtual/_rolldown/runtime.cjs");
const require_Box = require("../../../core/Box/Box.cjs");
const require_Slider_context = require("../Slider.context.cjs");
const require_Marks = require("../Marks/Marks.cjs");
let react_jsx_runtime = require("react/jsx-runtime");
//#region packages/@mantine/core/src/components/Slider/Track/Track.tsx
function Track({ filled, children, offset, disabled, marksOffset, inverted, containerProps, ...others }) {
const { getStyles } = require_Slider_context.useSliderContext();
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
...getStyles("trackContainer"),
mod: { disabled },
...containerProps,
children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Box.Box, {
...getStyles("track"),
mod: {
inverted,
disabled
},
children: [
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
mod: {
inverted,
disabled
},
__vars: {
"--slider-bar-width": `calc(${filled}% + 2 * var(--slider-size))`,
"--slider-bar-offset": `calc(${offset}% - var(--slider-size))`
},
...getStyles("bar")
}),
children,
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Marks.Marks, {
...others,
offset: marksOffset,
disabled,
inverted
})
]
})
});
}
Track.displayName = "@mantine/core/SliderTrack";
//#endregion
exports.Track = Track;
//# sourceMappingURL=Track.cjs.map