<div af-fieldset="">
  <div class="af-markup">
    <div class="help">
      {{:: ts('Custom data is stored in custom fields. Custom fields are organized into logically related custom data sets (e.g. Volunteer Info). Use custom fields to collect and store custom data which are not included in the standard CiviCRM forms. You can create one or many sets of custom fields.') }}
      <a href="https://docs.civicrm.org/user/en/latest/organising-your-data/creating-custom-fields" target="_blank" class="crm-doc-link no-popup">{{:: ts('Learn more...') }}</a>
    </div>
    <div>
      <a class="btn btn-primary" ng-href="{{:: crmUrl('civicrm/admin/custom/group/edit', {reset: 1}) }}">
        <i class="crm-i fa-plus-circle"></i>
        {{:: ts('Add Set of Custom Fields') }}
      </a>
    </div>
  </div>
  <crm-search-display-table search-name="Administer_Custom_Groups" display-name="Table"></crm-search-display-table>
</div>
