import React from 'react';

export default class NextPagePrevious extends React.Component {
    render() {
        return (
            <div className="text-center">
                <nav aria-label="..." style={{display: "inline-block"}}>
                    <ul className="pagination">
                        <li className="page-item disabled">
                            <a className="page-link" href="#id" tabIndex="-1">Previous</a>
                        </li>
                        <li className="page-item"><a className="page-link" href="#id">1</a></li>
                        <li className="page-item active">
                            <a className="page-link" href="#id">2 <span className="sr-only">(current)</span></a>
                        </li>
                        <li className="page-item"><a className="page-link" href="#id">3</a></li>
                        <li className="page-item">
                            <a className="page-link" href="#id">Next</a>
                        </li>
                    </ul>
                </nav>
            </div>
        )
    }
}