import React from 'react' ; import { EuiFlexGroup , EuiFlexItem } from '@elastic/eui' ; import { Paging , ResultsPerPage } from '@elastic/react-search-ui' ; import { PagingView , ResultsPerPageView } from './views' ; export const Pagination = ( { 'aria-label' : ariaLabel } ) => ( < EuiFlexGroup alignItems = "center" responsive = { false } className = "documentsSearchExperience__pagingInfo" > < EuiFlexItem > < Paging view = { PagingView } aria - label = { ariaLabel } /> < /EuiFlexItem> < EuiFlexItem grow = { false } > < ResultsPerPage view = { ResultsPerPageView } /> < /EuiFlexItem> < /EuiFlexGroup>);