import { a as __rest, _ as __assign } from '../tslib.es6-faad35dc.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 };
