"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _inputNumber = _interopRequireDefault(require("../../input-number"));
var _react = _interopRequireDefault(require("react"));
var _row = _interopRequireDefault(require("../../row"));
var _col = _interopRequireDefault(require("../../col"));
var _jsxRuntime = require("react/jsx-runtime");
const LabelInput = props => {
  const {
    label,
    id,
    value,
    onChange
  } = props;
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_row.default, {
    gutter: 8,
    align: "middle",
    wrap: false,
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_col.default, {
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
        htmlFor: id,
        className: "label-input-text",
        children: label
      })
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_col.default, {
      flex: 1,
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_inputNumber.default, {
        className: "label-input-inner",
        placeholder: "\u8BF7\u8F93\u5165\u50CF\u7D20\u503C",
        id: id,
        value: value,
        onChange: onChange,
        min: 0.01,
        style: {
          width: 120
        }
      })
    })]
  });
};
var _default = LabelInput;
exports.default = _default;