import { jsx as _jsx } from "react/jsx-runtime";
import { cnb } from "cnbuilder";
import { Typography } from "../typography/Typography.js";
import { bem } from "../utils/bem.js";
const styles = bem("rmd-slider-mark-label");
/**
 * **Server Component**
 *
 * @internal
 * @since 6.0.0
 */ export function SliderMarkLabel(props) {
    const { as = "span", type = "body-2", offset, vertical, style, className, children, ...remaining } = props;
    return /*#__PURE__*/ _jsx(Typography, {
        ...remaining,
        as: as,
        type: type,
        style: {
            ...style,
            "--rmd-slider-mark-offset": offset
        },
        className: cnb(styles({
            h: !vertical,
            v: vertical
        }), className),
        children: children
    });
}

//# sourceMappingURL=SliderMarkLabel.js.map