import { __assign } from '../../node_modules/tslib/tslib.es6.js';

var parts = ['paginationContainer', 'paginationButton', 'dots'];
var baseStyle = {
    paginationContainer: {
        display: 'flex',
        flexWrap: 'wrap',
        flexDirection: 'row',
        alignItems: 'center',
        justifyContent: { base: 'space-evenly', sm: 'center' },
        textStyle: 'body',
    },
    paginationButton: {
        display: 'inline-flex',
        alignItems: 'center',
        justifyContent: 'center',
        verticalAlign: 'middle',
        textAlign: 'center',
        minWidth: 'md',
        height: 'md',
        borderRadius: 'sm',
        padding: { base: 'xs', sm: 'sm' },
        marginX: { base: '0', sm: 'xxs' },
        _hover: {
            backgroundColor: 'gray.100',
        },
        _active: {
            backgroundColor: 'gray.200',
        },
        _disabled: {
            cursor: 'default',
            _hover: {
                backgroundColor: 'inherit',
            },
        },
    },
    dots: {
        minWidth: { base: 'none', sm: 'md' },
        height: 'auto',
        textAlign: 'center',
    },
};
var active = __assign(__assign({}, baseStyle), { paginationButton: {
        color: 'white',
        backgroundColor: 'gray.900',
        _hover: {
            backgroundColor: 'gray.900',
        },
    } });
var Pagination = {
    baseStyle: baseStyle,
    parts: parts,
    variants: {
        active: active,
    },
};

export { Pagination as default };
//# sourceMappingURL=pagination.js.map
