weseek__growi/src/client/js/components/Admin/UserGroupDetail/CheckBoxForSerchUserOption.jsx

import React from 'react';
import PropTypes from 'prop-types';
import { withTranslation } from 'react-i18next';

class CheckBoxForSerchUserOption extends React.Component {

  render() {
    const { t, option } = this.props;
    return (
      <div className="checkbox checkbox-info" key={`isAlso${option}Searched`}>
        <input
          type="checkbox"
          id={`isAlso${option}Searched`}
          className="form-check-input"
          checked={this.props.checked}
          onChange={this.props.onChange}
        />
        <label className="form-check-label ml-3" htmlFor={`isAlso${option}Searched`}>
          {t('admin:user_group_management.add_modal.enable_option', { option })}
        </label>
      </div>
    );
  }

}


CheckBoxForSerchUserOption.propTypes = {
  t: PropTypes.func.isRequired, // i18next

  option: PropTypes.string.isRequired,
  checked: PropTypes.bool.isRequired,
  onChange: PropTypes.func.isRequired,
};

export default withTranslation()(CheckBoxForSerchUserOption);