@zendeskgarden/react-pagination
Version:
Components relating to pagination in the Garden Design System
34 lines (31 loc) • 1.42 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 } from 'react';
import SvgChevronDoubleLeftStroke from '../../../node_modules/@zendeskgarden/svg-icons/src/16/chevron-double-left-stroke.svg.js';
import '../../../styled/OffsetPagination/StyledList.js';
import '../../../styled/OffsetPagination/StyledListItem.js';
import '../../../styled/OffsetPagination/StyledPage.js';
import '../../../styled/CursorPagination/StyledCursorPagination.js';
import { StyledCursor } from '../../../styled/CursorPagination/StyledCursor.js';
import { StyledIcon } from '../../../styled/CursorPagination/StyledIcon.js';
import '../../../styled/OffsetPagination/StyledGapListItem.js';
import '../../../styled/OffsetPagination/StyledNavigation.js';
import '../../../styled/OffsetPagination/StyledNav.js';
const FirstComponent = forwardRef((_ref, ref) => {
let {
children,
...other
} = _ref;
return React__default.createElement(StyledCursor, Object.assign({
ref: ref
}, other), React__default.createElement(StyledIcon, {
$type: "first"
}, React__default.createElement(SvgChevronDoubleLeftStroke, null)), React__default.createElement("span", null, children));
});
FirstComponent.displayName = 'CursorPagination.First';
const First = FirstComponent;
export { First };