"use strict";

exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _inputCheckbox = _interopRequireDefault(require("../../atom/input-checkbox"));
var _style = _interopRequireDefault(require("./style.css"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const Roles = ({
  title,
  fields
}) => {
  return /*#__PURE__*/_react.default.createElement("div", {
    className: _style.default.rolesGroup
  }, /*#__PURE__*/_react.default.createElement("h3", {
    className: _style.default.title
  }, title), /*#__PURE__*/_react.default.createElement("div", {
    className: _style.default.content
  }, fields.map((field, i) => /*#__PURE__*/_react.default.createElement("span", {
    className: _style.default.field,
    key: i
  }, /*#__PURE__*/_react.default.createElement(_inputCheckbox.default, field)))));
};
Roles.propTypes = process.env.NODE_ENV !== "production" ? {
  title: _propTypes.default.string,
  fields: _propTypes.default.arrayOf(_propTypes.default.shape({
    ..._inputCheckbox.default.propTypes,
    type: _propTypes.default.oneOf(['checkbox'])
  }))
} : {};
var _default = exports.default = Roles;
//# sourceMappingURL=index.js.map