"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _FieldSt = require("./Field.st.css.js");
var _constants = require("../../constants");
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/SidePanel/components/Field/Field.tsx";
var Field = _ref => {
  var {
    noPadding = false,
    divider = 'auto',
    dataHook,
    children
  } = _ref;
  return /*#__PURE__*/_react.default.createElement("div", {
    className: (0, _FieldSt.st)(_FieldSt.classes.root, {
      padded: !noPadding,
      divider: String(divider)
    }),
    "data-hook": dataHook || _constants.dataHooks.sidePanelField,
    "data-hoverable-action-trigger": true,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 13,
      columnNumber: 5
    }
  }, children);
};
Field.displayName = 'Field';
var _default = exports.default = Field;
//# sourceMappingURL=Field.js.map