@atlaskit/pagination
Version:
Pagination allows you to divide large amounts of content into smaller chunks across multiple pages.
25 lines • 790 B
JavaScript
/* render-ellipsis.tsx generated by @compiled/babel-plugin v0.36.1 */
import "./render-ellipsis.compiled.css";
import { ax, ix } from "@compiled/react/runtime";
import React from 'react';
import { Box, Text } from '@atlaskit/primitives/compiled';
import VisuallyHidden from '@atlaskit/visually-hidden';
const styles = {
container: "_1e0c1txw _kqswh2mm"
};
export default function renderEllipsis({
key,
testId,
from,
to
}) {
return /*#__PURE__*/React.createElement(Box, {
as: "li",
testId: testId,
key: key,
xcss: styles.container,
paddingInline: "space.100"
}, /*#__PURE__*/React.createElement(Text, {
testId: testId && `${testId}-text`
}, /*#__PURE__*/React.createElement(VisuallyHidden, null, "Skipped pages from ", from, " to ", to), "\u2026"));
}