import React from 'react' ; import { FormattedMessage , I18nProvider } from '@osd/i18n/react' ; interface Props { startItem : number ; endItem : number ; totalItems : number ; } export function ToolBarPagerText ( { startItem , endItem , totalItems } ) { return ( < I18nProvider > < div className = "kuiToolBarText" data - test - subj = "toolBarPagerText" > < FormattedMessage id = "discover.docTable.pagerControl.pagesCountLabel" defaultMessage = "{startItem}&ndash;{endItem} of {totalItems}" values = { { startItem , endItem , totalItems } } /> < /div> < /I18nProvider>); }