import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
import * as React from 'react';
import { Text, TextInput } from '@gravity-ui/uikit';
import { formBuilderCn } from "../../utils/cn.js";
import './ConfigRow.css';
const b = formBuilderCn('config-row');
const ConfigRowComponent = ({ label, value, onUpdate }) => {
    const handleUpdate = React.useCallback((newValue) => {
        onUpdate(newValue);
    }, [onUpdate]);
    return (_jsxs("div", { className: b(), children: [_jsxs(Text, { variant: "body-2", children: [label, ":"] }), _jsx(TextInput, { value: value, onUpdate: handleUpdate, size: "s" })] }));
};
export const ConfigRow = React.memo(ConfigRowComponent);
//# sourceMappingURL=ConfigRow.js.map
