"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ComponentsGroup = void 0;var _react = _interopRequireDefault(require("react"));

var _Gapped = require("../../components/Gapped");


var _Playground = require("./Playground.styles");








var ComponentsGroup = exports.ComponentsGroup = function ComponentsGroup(props) {
  var title = props.title,children = props.children,style = props.style,theme = props.theme;
  return /*#__PURE__*/(
    _react.default.createElement(_Gapped.Gapped, { wrap: true, verticalAlign: "top", gap: 40 }, /*#__PURE__*/
    _react.default.createElement("div", { className: _Playground.styles.title(theme), style: style },
    title
    ), /*#__PURE__*/
    _react.default.createElement("div", { className: _Playground.styles.componentsGroup(theme) }, /*#__PURE__*/
    _react.default.createElement(_Gapped.Gapped, { wrap: true, verticalAlign: "middle", gap: 10 },
    children
    )
    )
    ));

};