@stakefish/ui/components/Pagination.js

<div align="center"> <a href="https://www.npmjs.com/package/@stakefish/ui"><img src="https://gateway.pinata.cloud/ipfs/QmbZL1ceA8Yiz2pKALTg919jYx141DPUGegC9L4XpyayW5" width="300" /></a> </div>

import { a as __rest, _ as __assign } from '../tslib.es6-35932c2c.js';
import { jsx } from 'react/jsx-runtime';
import { styled } from '@mui/material/styles';
import MuiPagination from '@mui/material/Pagination';

var StyledPagination = styled(MuiPagination)(function (_a) {
    var theme = _a.theme;
    return ({
        "& .MuiPaginationItem-root": {
            fontSize: theme.typography.fontSizeS,
            fontWeight: theme.typography.fontWeightMedium,
            width: theme.spacing(6),
            height: theme.spacing(6),
            cursor: "pointer"
        },
        "& .MuiPaginationItem-icon": {
            fontSize: theme.typography.fontSizeXl3
        },
        "& .MuiPaginationItem-outlined": {
            borderWidth: "3px",
            borderColor: theme.palette.gray[300],
            borderRadius: theme.borders.radius.sm,
            color: theme.palette.gray[500],
            backgroundColor: "transparent"
        },
        "& .MuiPaginationItem-page.Mui-selected": {
            color: theme.palette.text.primary,
            backgroundColor: "transparent"
        }
    });
});
var Pagination = function (_a) {
    var props = __rest(_a, []);
    return jsx(StyledPagination, __assign({}, props), void 0);
};

export { Pagination as default };