@vectara/vectara-ui
Version:
Vectara's design system, codified as a React and Sass component library
10 lines (9 loc) • 1.38 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { BiLeftArrowAlt, BiRightArrowAlt } from "react-icons/bi";
import { VuiFlexContainer } from "../flex/FlexContainer";
import { VuiFlexItem } from "../flex/FlexItem";
import { VuiButtonTertiary } from "../button/ButtonTertiary";
import { VuiIcon } from "../icon/Icon";
export const VuiTablePager = ({ onSelectPreviousPage, onSelectNextPage, isDisabled }) => {
return (_jsxs(VuiFlexContainer, Object.assign({ justifyContent: "start", alignItems: "center", spacing: "none" }, { children: [_jsx(VuiFlexItem, Object.assign({ grow: false, shrink: false }, { children: _jsx(VuiButtonTertiary, Object.assign({ icon: _jsx(VuiIcon, { children: _jsx(BiLeftArrowAlt, {}) }), color: "neutral", size: "s", onClick: () => onSelectPreviousPage === null || onSelectPreviousPage === void 0 ? void 0 : onSelectPreviousPage(), isDisabled: isDisabled || !onSelectPreviousPage }, { children: "Previous" })) })), _jsx(VuiFlexItem, Object.assign({ grow: false, shrink: false }, { children: _jsx(VuiButtonTertiary, Object.assign({ icon: _jsx(VuiIcon, { children: _jsx(BiRightArrowAlt, {}) }), iconSide: "right", color: "neutral", size: "s", onClick: () => onSelectNextPage === null || onSelectNextPage === void 0 ? void 0 : onSelectNextPage(), isDisabled: isDisabled || !onSelectNextPage }, { children: "Next" })) }))] })));
};