forked from elastic/search-ui
-
Notifications
You must be signed in to change notification settings - Fork 0
/
PagingInfo.js
39 lines (35 loc) · 799 Bytes
/
PagingInfo.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
import PropTypes from "prop-types";
import React from "react";
import { appendClassName } from "./view-helpers";
function PagingInfo({
className,
end,
searchTerm,
start,
totalResults,
...rest
}) {
return (
<div className={appendClassName("sui-paging-info", className)} {...rest}>
Showing{" "}
<strong>
{start} - {end}
</strong>{" "}
out of <strong>{totalResults}</strong>
{searchTerm && (
<>
{" "}
for: <em>{searchTerm}</em>
</>
)}
</div>
);
}
PagingInfo.propTypes = {
end: PropTypes.number.isRequired,
searchTerm: PropTypes.string.isRequired,
start: PropTypes.number.isRequired,
totalResults: PropTypes.number.isRequired,
className: PropTypes.string
};
export default PagingInfo;