"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "SliderTip", {
    enumerable: true,
    get: function() {
        return SliderTip;
    }
});
const _jsxruntime = require("react/jsx-runtime");
const _css = require("../utils/css");
const _utils = require("./utils");
const SliderTip = (props)=>{
    const { className, min, max } = props;
    const value = props.value?.[0] ?? 0;
    const percent = (0, _utils.convertValueToPercentage)(value, min, max);
    return /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
        className: (0, _css.cn)("orderly-absolute orderly-hidden orderly-rounded orderly-drop-shadow orderly-w-[36px] orderly-h-[19px] orderly-translate-x-[-12px] orderly-top-[-28px] orderly-font-semibold orderly-text-center group-focus:orderly-inline-block orderly-text-4xs after:orderly-block after:orderly-absolute after:orderly-bottom-[-8px] after:orderly-w-0 after:orderly-h-0 after:orderly-border-4 after:orderly-left-1/2 after:orderly-translate-x-[-50%] after:orderly-border-solid after:orderly-border-transparent after:orderly-border-t-inherit orderly-text-base-100", className),
        style: {
            lineHeight: "19px"
        },
        children: `${percent.toFixed()}%`
    });
};

//# sourceMappingURL=sliderTip.js.map