import React from 'react';
import toClassName from 'classnames';
import { Button } from '@skava/packages/ui';
class PageNumber extends React.PureComponent {
    static from(item, index) {
        // console.log({ item, index })
        // @note the index
        return React.createElement(PageNumber, Object.assign({}, item, { index: index }));
    }
    get className() {
        const { isActive } = this.props;
        return toClassName({
            'page-number': true,
            'active': Boolean(isActive),
        });
    }
    render() {
        const { index, onClick, isActive, children, ...remainingProps } = this.props;
        const attributes = {
            onClick,
            className: this.className,
            children: children || index,
        };
        return React.createElement(Button, Object.assign({}, attributes, { qa: "qa-page-number" }));
    }
}
PageNumber.defaultProps = {
    isActive: false,
    index: 0,
};
export { PageNumber };
export default PageNumber;
//# sourceMappingURL=PageNumber.js.map