"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "TabIndicator", {
    enumerable: true,
    get: function() {
        return TabIndicator;
    }
});
const _jsxruntime = require("react/jsx-runtime");
const _react = require("react");
const _css = require("../utils/css");
const TabIndicator = ({ left = 0, width = 40, className })=>{
    const cssTransform = (0, _react.useMemo)(()=>{
        return {
            transform: `translateX(${left}px)`,
            width: `${width}px`
        };
    }, [
        left,
        width
    ]);
    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
        className: (0, _css.cn)("orderly-absolute orderly-bottom-0 orderly-left-0 orderly-h-[3px] desktop:orderly-h-[2px] orderly-bg-base-contrast orderly-transition-transform", className),
        style: cssTransform
    });
};

//# sourceMappingURL=indicator.js.map