import { __assign } from "tslib";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import cx from 'classnames';
function SliderPoint(props) {
    var value = props.value, position = props.position, disabled = props.disabled, active = props.active;
    return (_jsxs("div", __assign({ className: cx('zent-slider-tooltip', {
            'zent-slider-tooltip-active': active,
        }), style: {
            left: position,
        }, "data-zv": 'v10.0.12' }, { children: [_jsx("div", { className: cx('zent-slider-point', {
                    'zent-slider-point-disabled': disabled,
                }), "data-zv": 'v10.0.12' }, void 0), _jsx("div", __assign({ className: "zent-slider-tooltip-content", "data-zv": 'v10.0.12' }, { children: value }), void 0)] }), void 0));
}
export default SliderPoint;
