PageNumber

<Paragraph>
  Page <PageNumber />
</Paragraph>

<PageNumber />
// or
<PageNumber type="current" />

<PageNumber type="total" />

<PageNumber type="both" />

<PageNumber format="{current} / {total}" />
// Output: "1 / 10"

<PageNumber format="- {current} -" />
// Output: "- 1 -"

<PageNumber format="Page {current}" />
// Output: "Page 1"

<PageNumber format="{current} of {total} pages" />
// Output: "1 of 10 pages"

<Section>
  <Section.Footer>
    <Paragraph className="text-center">
      <PageNumber type="both" />
    </Paragraph>
  </Section.Footer>

  <Paragraph>Content...</Paragraph>
</Section>

<Paragraph>
  See page <PageNumber /> for details.
</Paragraph>

<Section.Footer>
  <Paragraph className="text-center text-xs">
    <PageNumber />
  </Paragraph>
</Section.Footer>

<Section.Footer>
  <Paragraph className="text-center text-xs">
    Page <PageNumber /> of <PageNumber type="total" />
  </Paragraph>
</Section.Footer>

<Section.Footer>
  <Paragraph className="text-xs">
    Annual Report 2024<Tab /><Tab />Page <PageNumber />
  </Paragraph>
</Section.Footer>

<Section.Footer>
  <Paragraph className="text-center">
    <Text className="text-gray-400 text-xs">
      Page <PageNumber /> of <PageNumber type="total" />
    </Text>
  </Paragraph>
</Section.Footer>

<Section.Footer>
  <Paragraph className="text-right text-xs text-gray-500">
    <PageNumber type="both" />
  </Paragraph>
</Section.Footer>