"use strict";

exports.__esModule = true;
exports.default = void 0;
var _styles = require("@material-ui/core/styles");
var _react = _interopRequireDefault(require("react"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
(function () {
  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
  enterModule && enterModule(module);
})();
(function () {
  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
  enterModule && enterModule(module);
})();
var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
  return a;
};
var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
  return a;
};
var useStyles = (0, _styles.makeStyles)(function () {
  return {
    form: {
      boxSizing: "border-box",
      flexBasis: 0,
      flexShrink: 0,
      display: "flex",
      flexDirection: "column",
      padding: 0,
      paddingRight: 20,
      paddingTop: 0,
      fontSize: 12,
      flexGrow: function flexGrow(props) {
        return props.spanWidth;
      },
      "&:first-child": {
        paddingLeft: 20
      }
    }
  };
});
var Form = function Form(_ref) {
  var _ref$spanWidth = _ref.spanWidth,
    spanWidth = _ref$spanWidth === void 0 ? 1 : _ref$spanWidth,
    children = _ref.children;
  var classes = useStyles({
    spanWidth: spanWidth
  });
  return /*#__PURE__*/_react.default.createElement("div", {
    className: classes.form
  }, children);
};
__signature__(Form, "useStyles{classes}", function () {
  return [useStyles];
});
__signature__(Form, "useStyles{classes}", function () {
  return [useStyles];
});
var _default = Form;
var _default2 = _default;
var _default3 = exports.default = _default2;
;
(function () {
  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
  if (!reactHotLoader) {
    return;
  }
  reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/Form/FormElement.js");
  reactHotLoader.register(Form, "Form", "/home/vsts/work/1/s/src/components/Form/FormElement.js");
  reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/Form/FormElement.js");
})();
;
(function () {
  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
  leaveModule && leaveModule(module);
})();
;
(function () {
  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
  if (!reactHotLoader) {
    return;
  }
  reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/Form/FormElement.js");
  reactHotLoader.register(Form, "Form", "/home/vsts/work/1/s/src/components/Form/FormElement.js");
  reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/Form/FormElement.js");
})();
;
(function () {
  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
  leaveModule && leaveModule(module);
})();