<commit_before><p class="sprk-u-mbm">
  See below for React properties.
</p>

<table class="drizzle-c-Table drizzle-c-Table--wide sprk-u-mbm">
  <colgroup>
    <col class="sprk-u-Width-40">
    <col>
  </colgroup>

  <thead>
    <tr>
      <th>Property</th>
      <th>Type</th>
      <th>Description</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td class="sprk-u-FontWeight--bold">variant</td>
      <td>string</td>
      <td>The variant to use. Can be set to <code>default</code> or <code>pager</code>. If left blank or set to <code>default</code>, the component will render in the default variant or long variant as needed.</td>
    </tr>

    <tr>
      <td class="sprk-u-FontWeight--bold">totalItems</td>
      <td>number</td>
      <td><span class="sprk-u-FontWeight--bold">Required.</span> This is the total number of items in the dataset covered by the pagination component.</td>
    </tr>

    <tr>
      <td class="sprk-u-FontWeight--bold">itemsPerPage</td>
      <td>string</td>
      <td>
        <span class="sprk-u-FontWeight--bold">Required.</span> This is the number of items on each page.
      </td>
    </tr>

    <tr>
      <td class="sprk-u-FontWeight--bold">currentPage</td>
      <td>number</td>
      <td>
        This is the current page for the pagination component. If blank, this defaults to the first page.
      </td>
    </tr>

    <tr>
      <td class="sprk-u-FontWeight--bold">onChangeCallback</td>
      <td>function</td>
      <td>
        <span class="sprk-u-FontWeight--bold">Required.</span> This function will be called every time the component updates. The function should accept a single object parameter with a property called <code>newPage</code> containing the current page number of the pagination component.
        <div>
          <code>
            { newPage: 3 }
          </code>
        </div>
      </td>
    </tr>

    <tr>
      <td class="sprk-u-FontWeight--bold">
        additionalClasses
      </td>
      <td>string</td>
      <td>
        Any additional classes to apply to the component. If provided, these classes will be applied to the <code>&lt;ul&gt;</code> element in the component (NOT the <code>&lt;nav&gt;</code> component).
      </td>
    </tr>

    <tr>
      <td class="sprk-u-FontWeight--bold">
        nextLinkText
      </td>
      <td>string</td>
      <td>
        Screenreader text for the "next page" arrow. Defaults to "Next Page".
      </td>
    </tr>

    <tr>
      <td class="sprk-u-FontWeight--bold">
        prevLinkText
      </td>
      <td>string</td>
      <td>
        Screenreader text for the "previous page" arrow. Defaults to "Previous Page".
      </td>
    </tr>

    <tr>
      <td class="sprk-u-FontWeight--bold">
        analyticsStringPage
      </td>
      <td>string</td>
      <td>
        The value supplied will be
        assigned to the <code>data-analytics</code>
        attribute on the individual page links.
      </td>
    </tr>

    <tr>
      <td class="sprk-u-FontWeight--bold"><commit_msg>update pagination docs<commit_after><p class="sprk-u-mbm">
  See below for React properties.
</p>

<table class="drizzle-c-Table drizzle-c-Table--wide sprk-u-mbm">
  <colgroup>
    <col class="sprk-u-Width-40">
    <col>
  </colgroup>

  <thead>
    <tr>
      <th>Property</th>
      <th>Type</th>
      <th>Description</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td class="sprk-u-FontWeight--bold">variant</td>
      <td>string</td>
      <td>The variant to use. Can be set to <code>default</code> or <code>pager</code>. If left blank or set to <code>default</code>, the component will render in the default variant or long variant as needed.</td>
    </tr>

    <tr>
      <td class="sprk-u-FontWeight--bold">totalItems</td>
      <td>number</td>
      <td><span class="sprk-u-FontWeight--bold">Required.</span> This is the total number of items in the dataset covered by the pagination component.</td>
    </tr>

    <tr>
      <td class="sprk-u-FontWeight--bold">itemsPerPage</td>
      <td>string</td>
      <td>
        <span class="sprk-u-FontWeight--bold">Required.</span> This is the number of items on each page.
      </td>
    </tr>

    <tr>
      <td class="sprk-u-FontWeight--bold">currentPage</td>
      <td>number</td>
      <td>
        This is the current page for the pagination component. If blank, this defaults to the first page.
      </td>
    </tr>

    <tr>
      <td class="sprk-u-FontWeight--bold">onChangeCallback</td>
      <td>function</td>
      <td>
        <span class="sprk-u-FontWeight--bold">Required.</span> This function will be called every time the component updates. The function should accept a single object parameter with a property called <code>newPage</code> containing the current page number of the pagination component.
        <div>
          <code>
            { newPage: 3 }
          </code>
        </div>
      </td>
    </tr>

    <tr>
      <td class="sprk-u-FontWeight--bold">
        additionalClasses
      </td>
      <td>string</td>
      <td>
        Any additional classes to apply to the component. If provided, these classes will be applied to the <code>&lt;ul&gt;</code> element in the component (NOT the <code>&lt;nav&gt;</code> component).
      </td>
    </tr>

    <tr>
      <td class="sprk-u-FontWeight--bold">
        nextLinkText
      </td>
      <td>string</td>
      <td>
        Screenreader text for the "next page" arrow. Defaults to "Next Page".
      </td>
    </tr>
    <tr>
      <td class="sprk-u-FontWeight--bold">
        nextIcon
      </td>
      <td>string</td>
      <td>
        Icon name for the "next page" arrow. Defaults to "chevron-right".
      </td>
    </tr>

    <tr>
      <td class="sprk-u-FontWeight--bold">
        prevLinkText
      </td>
      <td>string</td>
      <td>
        Screenreader text for the "previous page" arrow. Defaults to "Previous Page".
      </td>
    </tr>
    <tr>
      <td class="sprk-u-FontWeight--bold">
        prevIcon
      </td>
      <td>string</td>
      <td>
        Icon name for the "previous page" arrow. Defaults to "chevron-left".
      </td>
    </tr>

    <tr>
      <td class="sprk-u-FontWeight--bold">
        analyticsStringPage
      </td>
      <td>string</td>
      <td>
        The value supplied will be
        assigned to the <code>data-analytics</code>
        attribute on the individual page links.
      </td>
    </tr>

    <tr>
      <td class="sprk-u-FontWeight--bold">
{'fraction_non_alphanumeric': 0.14917982048901268, 'fraction_numerical': 0.0009285051067780873, 'mean_word_length': 2.163485070974058, 'pattern_counts': {'":': 0, '<': 251, '<?xml version=': 0, '>': 251, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4227312', 'n_tokens_mistral': 2152, 'n_tokens_neox': 2118, 'n_words': 587}