@coko/client/dist/ui/common/FormSection.js

Client side common code for coko apps

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _toolkit = require("../../toolkit");
var _Divider = _interopRequireDefault(require("./Divider"));
var _Headings = require("./Headings");
var _templateObject;
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
var Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  > div:first-child {\n    padding: 0 ", ";\n  }\n"])), (0, _toolkit.grid)(4));
var FormSection = function FormSection(props) {
  var className = props.className,
    children = props.children,
    label = props.label,
    last = props.last;
  return /*#__PURE__*/_react["default"].createElement(Wrapper, {
    className: className
  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Headings.H2, null, label), children), !last && /*#__PURE__*/_react["default"].createElement(_Divider["default"], null));
};
FormSection.propTypes = {
  /** Label to display as heading above section */
  label: _propTypes["default"].string,
  last: _propTypes["default"].bool
};
FormSection.defaultProps = {
  label: null,
  last: false
};
var _default = FormSection;
exports["default"] = _default;