import React from 'react';
import { useMultiStyleConfig, chakra } from '@chakra-ui/react';

var NumbersPaginationButton = function (_a) {
    var onClick = _a.onClick, isCurrent = _a.isCurrent, currentPageNumber = _a.currentPageNumber, totalNumbers = _a.totalNumbers;
    var _b = useMultiStyleConfig('Carousel'), numbersPaginationButton = _b.numbersPaginationButton, numbersPaginationButtonActive = _b.numbersPaginationButtonActive;
    return (React.createElement(chakra.button, { __css: isCurrent ? numbersPaginationButtonActive : numbersPaginationButton, onClick: onClick, "aria-current": isCurrent, "aria-label": "numbers pagination ".concat(currentPageNumber, " of ").concat(totalNumbers) }, currentPageNumber));
};

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