"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.FieldNameInput = 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/FieldNameInput.tsx";
const FieldNameInput = ({
  label,
  value,
  onChange,
  onBlur,
  error
}) => /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
  required: true,
  stretchContent: true,
  label: label,
  status: error ? 'error' : undefined,
  statusMessage: error,
  __self: void 0,
  __source: {
    fileName: _jsxFileName,
    lineNumber: 19,
    columnNumber: 3
  }
}, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
  placeholder: "Enter a name",
  value: value,
  onChange: e => onChange(e.target.value),
  onBlur: onBlur,
  __self: void 0,
  __source: {
    fileName: _jsxFileName,
    lineNumber: 26,
    columnNumber: 5
  }
}));
exports.FieldNameInput = FieldNameInput;
//# sourceMappingURL=FieldNameInput.js.map