"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _react = _interopRequireWildcard(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _classnames = _interopRequireDefault(require("classnames"));

var _constants = require("../../constants");

var _Section = _interopRequireDefault(require("../Section"));

// Copyright 1999-2020. Plesk International GmbH. All rights reserved.

/**
 * `SwitchesPanel` component is used for grouping several [SwitchesPanelItems](#!/SwitchesPanelItem) into one set.
 * @since 0.3.0
 */
const SwitchesPanel = ({
  baseClassName,
  className,
  children,
  ...props
}) => /*#__PURE__*/_react.default.createElement(_Section.default, (0, _extends2.default)({
  className: (0, _classnames.default)(baseClassName, className)
}, props), /*#__PURE__*/_react.default.createElement("div", {
  className: "".concat(baseClassName, "__items")
}, _react.Children.map(children, child => /*#__PURE__*/(0, _react.cloneElement)(child, {
  className: (0, _classnames.default)(child.props.className, "".concat(baseClassName, "__item"))
}))));

SwitchesPanel.propTypes = {
  /**
   * Content of the `SwitchesPanel`. Recommended to use [SwitchesPanelItem](#!/SwitchesPanelItem) components.
   * @since 0.3.0
   */
  children: _propTypes.default.node,

  /**
   * @ignore
   */
  className: _propTypes.default.string,

  /**
   * @ignore
   */
  baseClassName: _propTypes.default.string
};
SwitchesPanel.defaultProps = {
  children: null,
  className: null,
  baseClassName: "".concat(_constants.CLS_PREFIX, "switches-panel")
};
var _default = SwitchesPanel;
exports.default = _default;