"use strict";

var __assign = void 0 && (void 0).__assign || function () {
  __assign = Object.assign || function (t) {
    for (var s, i = 1, n = arguments.length; i < n; i++) {
      s = arguments[i];

      for (var p in s) {
        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
      }
    }

    return t;
  };

  return __assign.apply(this, arguments);
};

var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
  if (k2 === undefined) k2 = k;
  Object.defineProperty(o, k2, {
    enumerable: true,
    get: function get() {
      return m[k];
    }
  });
} : function (o, m, k, k2) {
  if (k2 === undefined) k2 = k;
  o[k2] = m[k];
});

var __setModuleDefault = void 0 && (void 0).__setModuleDefault || (Object.create ? function (o, v) {
  Object.defineProperty(o, "default", {
    enumerable: true,
    value: v
  });
} : function (o, v) {
  o["default"] = v;
});

var __importStar = void 0 && (void 0).__importStar || function (mod) {
  if (mod && mod.__esModule) return mod;
  var result = {};
  if (mod != null) for (var k in mod) {
    if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
  }

  __setModuleDefault(result, mod);

  return result;
};

var __rest = void 0 && (void 0).__rest || function (s, e) {
  var t = {};

  for (var p in s) {
    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
  }

  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
  }
  return t;
};

var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
  return mod && mod.__esModule ? mod : {
    "default": mod
  };
};

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.FormItemMemo = void 0;

var jsx_runtime_1 = require("react/jsx-runtime");

var React = __importStar(require("react"));

var classnames_1 = __importDefault(require("classnames"));

var icon_1 = __importDefault(require("../icon"));

require("./style/form-item.css");

var prefixCls = 'dmc-form-item';
var FormItem = React.forwardRef(function (_a, ref) {
  var _b, _c, _d;

  var messageIcon = _a.messageIcon,
      label = _a.label,
      children = _a.children,
      position = _a.position,
      required = _a.required,
      message = _a.message,
      direction = _a.direction,
      extraNode = _a.extraNode,
      status = _a.status,
      block = _a.block,
      restProps = __rest(_a, ["messageIcon", "label", "children", "position", "required", "message", "direction", "extraNode", "status", "block"]);

  var requiredNode = required === true ? jsx_runtime_1.jsx("div", __assign({
    className: prefixCls + "-required"
  }, {
    children: "*"
  }), void 0) : required;
  var iconNode = typeof messageIcon === 'string' ? jsx_runtime_1.jsx(icon_1["default"], {
    icon: messageIcon,
    className: prefixCls + "-icon"
  }, void 0) : messageIcon;
  var itemCls = classnames_1["default"](prefixCls, (_b = {}, _b[prefixCls + "-" + direction] = direction, _b[prefixCls + "-" + status] = status, _b[prefixCls + "-block"] = block, _b));
  var labelCls = classnames_1["default"](prefixCls + "-label", (_c = {}, _c[prefixCls + "-label-" + position] = position, _c));
  var messageCls = classnames_1["default"](prefixCls + "-message", (_d = {}, _d[prefixCls + "-message-" + status] = status, _d));
  return jsx_runtime_1.jsxs("div", __assign({}, restProps, {
    className: itemCls,
    ref: ref
  }, {
    children: [jsx_runtime_1.jsxs("div", __assign({
      className: labelCls
    }, {
      children: [requiredNode, jsx_runtime_1.jsx("span", __assign({
        className: prefixCls + "-label-context"
      }, {
        children: label
      }), void 0)]
    }), void 0), jsx_runtime_1.jsxs("div", __assign({
      className: prefixCls + "-message-wrapper"
    }, {
      children: [children, !!message && jsx_runtime_1.jsxs("div", __assign({
        className: messageCls
      }, {
        children: [iconNode, jsx_runtime_1.jsx("span", {
          children: message
        }, void 0)]
      }), void 0), extraNode]
    }), void 0)]
  }), void 0);
});
FormItem.displayName = 'FormItem';
exports["default"] = FormItem;
var FormItemMemo = React.memo(FormItem);
exports.FormItemMemo = FormItemMemo;
FormItemMemo.displayName = 'FormItemMemo';

