import { jsx as _jsx } from "react/jsx-runtime";
import { cnb } from "cnbuilder";
import { bem } from "../utils/bem.js";
const styles = bem("rmd-slider-mark");
/**
 * **Server Component**
 *
 * @internal
 * @remarks \@since 6.0.0
 */ export function SliderMark(props) {
    const { active, offset, vertical, style, className, ...remaining } = props;
    return /*#__PURE__*/ _jsx("span", {
        ...remaining,
        style: {
            ...style,
            "--rmd-slider-mark-offset": offset
        },
        className: cnb(styles({
            active,
            inactive: !active,
            h: !vertical,
            v: vertical
        }), className)
    });
}

//# sourceMappingURL=SliderMark.js.map