"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.CharOverlay = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const CharOverlay = ({ rectRef, ...rest }) => {
    const ref = React.useRef(null);
    // biome-ignore lint: lint/correctness/useExhaustiveDependencies
    React.useEffect(() => {
        rectRef.current = (rect) => {
            const span = ref.current;
            if (!span)
                return;
            const style = span.style;
            if (rect) {
                style.top = rect.y + 'px';
                style.left = rect.x + 'px';
                style.width = rect.width + 'px';
                style.height = rect.height + 'px';
                style.visibility = 'visible';
            }
            else {
                style.visibility = 'hidden';
            }
        };
    }, []);
    return React.createElement("span", { ...rest, ref: ref });
};
exports.CharOverlay = CharOverlay;
//# sourceMappingURL=CharOverlay.js.map