JSFiddle - React, Tailwind, and code Playground

by darkajax

HTML

<div id="pager" style="padding-top: 5px; padding-left: 66px; " class="jPaginate">
    <div class="jPag-control-back"><a class="ui-state-default ui-corner-all" style="color: rgb(0, 66, 118); background-color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); ">First</a>
        <span
        class="jPag-sprevious">«</span>
    </div>
    <div style="overflow: hidden; width: 124px; ">
        <ul class="jPag-pages" style="width: 353px; ">
            <li><a style="color: rgb(0, 66, 118); background-color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); "
                class="ui-state-default ui-corner-all">1</a>
            </li>
            <li><span class="jPag-current ui-state-active ui-corner-all" style="color: rgb(255, 0, 0); background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); ">2</span>
            </li>
            <li><a style="color: rgb(0, 66, 118); background-color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); "
                class="ui-state-default ui-corner-all">3</a>
            </li>
            <li><a style="color: rgb(0, 66, 118); background-color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); "
                class="ui-state-default ui-corner-all">4</a>
            </li>
            <li><a style="color: rgb(0, 66, 118); background-color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); "
                class="ui-state-default ui-corner-all">5</a>
            </li>
            <li><a style="color: rgb(0, 66, 118); background-color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); "
                class="ui-state-default ui-corner-all">6</a>
            </li>
            <li><a style="color: rgb(0, 66, 118); background-color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); "
                class="ui-state-default ui-corner-all">7</a>
            </li>
            <li><a style="color: rgb(0, 66, 118); background-color: rgb(255, 255, 255); border:...