import React from 'react';
import PropTypes from 'prop-types';
import classNames from 'classnames';
import { SoftButtonEmpty, } from '../ButtonEmpty';
export const SoftPaginationButton = ({ children, className, isActive, isPlaceholder, hideOnMobile, ...rest }) => {
    const classes = classNames('softPaginationButton', className, {
        'softPaginationButton-isActive': isActive,
        'softPaginationButton-isPlaceholder': isPlaceholder,
        'softPaginationButton--hideOnMobile': hideOnMobile,
    });
    return (React.createElement(SoftButtonEmpty, Object.assign({ className: classes, size: "xs", color: "text", disabled: isPlaceholder }, rest), children));
};
// @ts-ignore
SoftPaginationButton.propTypes = {
    children: PropTypes.node,
    className: PropTypes.string,
    isActive: PropTypes.bool,
    /**
     * For ellipsis or other non-clickable buttons.
     */
    isPlaceholder: PropTypes.bool,
    hideOnMobile: PropTypes.bool,
};
//# sourceMappingURL=SoftPaginationButton.js.map