"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ConfigRow = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const React = tslib_1.__importStar(require("react"));
const uikit_1 = require("@gravity-ui/uikit");
const cn_1 = require("../../utils/cn.js");
const b = (0, cn_1.formBuilderCn)('config-row');
const ConfigRowComponent = ({ label, value, onUpdate }) => {
    const handleUpdate = React.useCallback((newValue) => {
        onUpdate(newValue);
    }, [onUpdate]);
    return ((0, jsx_runtime_1.jsxs)("div", { className: b(), children: [(0, jsx_runtime_1.jsxs)(uikit_1.Text, { variant: "body-2", children: [label, ":"] }), (0, jsx_runtime_1.jsx)(uikit_1.TextInput, { value: value, onUpdate: handleUpdate, size: "s" })] }));
};
exports.ConfigRow = React.memo(ConfigRowComponent);
//# sourceMappingURL=ConfigRow.js.map
