import React from 'react';
import { Gapped } from "../../../components/Gapped";
import { styles } from "../Playground.styles";
export var ComponentsGroup = function ComponentsGroup(props) {
  var title = props.title,
    children = props.children,
    style = props.style,
    theme = props.theme;
  return /*#__PURE__*/(
    React.createElement(Gapped, {
      wrap: true,
      verticalAlign: "top",
      gap: 40
    }, /*#__PURE__*/
    React.createElement("div", {
      className: styles.title(theme),
      style: style
    }, title), /*#__PURE__*/
    React.createElement("div", {
      className: styles.componentsGroup(theme)
    }, /*#__PURE__*/
    React.createElement(Gapped, {
      wrap: true,
      verticalAlign: "middle",
      gap: 10
    }, children)))
  );
};