@alicloud/console-base-rc-pagination
Version:
23 lines • 790 B
JavaScript
import React, { useCallback } from 'react';
import styled from 'styled-components';
import Button, { ButtonTheme, ButtonSize } from '@alicloud/console-base-rc-button';
import { usePage, useHandlePage } from '../../../../../model';
var ScPageButton = styled(Button).withConfig({
componentId: "sc-vimi1a-0"
})(["margin:0 2px;"]);
export default function PageButton(_ref) {
var n = _ref.n;
var page = usePage();
var handlePage = useHandlePage();
var onClick = useCallback(function () {
return handlePage(n);
}, [n, handlePage]);
return /*#__PURE__*/React.createElement(ScPageButton, {
label: String(n),
spm: "page-".concat(n),
theme: page === n ? ButtonTheme.PRIMARY : ButtonTheme.TERTIARY,
size: ButtonSize.S,
noShadow: true,
onClick: onClick
});
}