"use client";
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, startPointValue, 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,
					startPointValue
				})
			]
		})
	});
}
Track.displayName = "@mantine/core/SliderTrack";
//#endregion
exports.Track = Track;

//# sourceMappingURL=Track.cjs.map