import { jsx as _jsx } from "react/jsx-runtime";
import { Typography } from "../typography/Typography.js";
import { sliderMarkLabel } from "./sliderStyles.js";
/**
 * @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: sliderMarkLabel({
            className,
            vertical
        }),
        children: children
    });
}

//# sourceMappingURL=SliderMarkLabel.js.map