@ozen-ui/kit/__inner__/cjs/components/BottomSheetBase/hooks/useBottomSheetBaseCSSValue.js

React component library

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useBottomSheetBaseCSSValue = void 0;
var react_1 = require("react");
var useStoredValue_1 = require("../../../hooks/useStoredValue");
var css_1 = require("../../../utils/css");
var useBottomSheetBaseCSSValue = function (_a) {
    var rootRef = _a.rootRef, defaultValue = _a.defaultValue, variableName = _a.variableName, formatValue = _a.formatValue;
    var value = (0, useStoredValue_1.useStoredValue)(defaultValue);
    var setPropertyValue = function (value) {
        (0, css_1.setCSSProperty)({
            element: rootRef.current,
            variableName: variableName,
            value: formatValue ? formatValue(value) : value,
        });
    };
    var setValue = function (newValue) {
        value.current = newValue;
        setPropertyValue(newValue);
    };
    (0, react_1.useEffect)(function () {
        setPropertyValue(value.current);
    }, [rootRef.current]);
    return {
        value: value,
        setValue: setValue,
    };
};
exports.useBottomSheetBaseCSSValue = useBottomSheetBaseCSSValue;