@zendeskgarden/react-pagination
Version:
Components relating to pagination in the Garden Design System
36 lines (33 loc) • 1.69 kB
JavaScript
/**
* Copyright Zendesk, Inc.
*
* Use of this source code is governed under the Apache License, Version 2.0
* found at http://www.apache.org/licenses/LICENSE-2.0.
*/
import React__default, { forwardRef, useContext } from 'react';
import { ThemeContext } from 'styled-components';
import SvgChevronLeftStroke from '../../../node_modules/@zendeskgarden/svg-icons/src/16/chevron-left-stroke.svg.js';
import SvgChevronRightStroke from '../../../node_modules/@zendeskgarden/svg-icons/src/16/chevron-right-stroke.svg.js';
import { useText } from '@zendeskgarden/react-theming';
import '../../../styled/OffsetPagination/StyledList.js';
import '../../../styled/OffsetPagination/StyledListItem.js';
import '../../../styled/OffsetPagination/StyledPage.js';
import '../../../styled/CursorPagination/StyledCursorPagination.js';
import '../../../styled/CursorPagination/StyledCursor.js';
import '../../../styled/CursorPagination/StyledIcon.js';
import '../../../styled/OffsetPagination/StyledGapListItem.js';
import { StyledNavigation } from '../../../styled/OffsetPagination/StyledNavigation.js';
import '../../../styled/OffsetPagination/StyledNav.js';
const NextComponent = forwardRef((props, ref) => {
const ariaLabel = useText(NextComponent, props, 'aria-label', 'Next page');
const theme = useContext(ThemeContext);
return React__default.createElement(StyledNavigation, Object.assign({
type: "button"
}, props, {
"aria-label": ariaLabel,
ref: ref
}), theme.rtl ? React__default.createElement(SvgChevronLeftStroke, null) : React__default.createElement(SvgChevronRightStroke, null));
});
NextComponent.displayName = 'Pagination.Next';
const Next = NextComponent;
export { Next };