import React from 'react';
import PropTypes from 'prop-types';
import InputCheckbox from '../../atom/input-checkbox';
import style from './style.css';
const Roles = ({
  title,
  fields
}) => {
  return /*#__PURE__*/React.createElement("div", {
    className: style.rolesGroup
  }, /*#__PURE__*/React.createElement("h3", {
    className: style.title
  }, title), /*#__PURE__*/React.createElement("div", {
    className: style.content
  }, fields.map((field, i) => /*#__PURE__*/React.createElement("span", {
    className: style.field,
    key: i
  }, /*#__PURE__*/React.createElement(InputCheckbox, field)))));
};
Roles.propTypes = process.env.NODE_ENV !== "production" ? {
  title: PropTypes.string,
  fields: PropTypes.arrayOf(PropTypes.shape({
    ...InputCheckbox.propTypes,
    type: PropTypes.oneOf(['checkbox'])
  }))
} : {};
export default Roles;
//# sourceMappingURL=index.js.map