"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.CharactersLimitInput = void 0;
var _react = _interopRequireDefault(require("react"));
var _designSystem = require("@wix/design-system");
var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CmsFieldManagement/formFields/CharactersLimitInput.tsx";
const CharactersLimitInput = ({
  minLabel,
  maxLabel,
  value,
  onChange
}) => /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
  gap: "SP3",
  __self: void 0,
  __source: {
    fileName: _jsxFileName,
    lineNumber: 18,
    columnNumber: 3
  }
}, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
  label: minLabel,
  __self: void 0,
  __source: {
    fileName: _jsxFileName,
    lineNumber: 19,
    columnNumber: 5
  }
}, /*#__PURE__*/_react.default.createElement(_designSystem.NumberInput, {
  value: value.minLength,
  onChange: v => onChange({
    ...value,
    minLength: v ?? undefined
  }),
  min: 0,
  __self: void 0,
  __source: {
    fileName: _jsxFileName,
    lineNumber: 20,
    columnNumber: 7
  }
})), /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
  label: maxLabel,
  __self: void 0,
  __source: {
    fileName: _jsxFileName,
    lineNumber: 26,
    columnNumber: 5
  }
}, /*#__PURE__*/_react.default.createElement(_designSystem.NumberInput, {
  value: value.maxLength,
  onChange: v => onChange({
    ...value,
    maxLength: v ?? undefined
  }),
  min: 0,
  __self: void 0,
  __source: {
    fileName: _jsxFileName,
    lineNumber: 27,
    columnNumber: 7
  }
})));
exports.CharactersLimitInput = CharactersLimitInput;
//# sourceMappingURL=CharactersLimitInput.js.map