<!--
Copyright (C) 2016-2021 Jones Magloire @Joxit

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>.
-->
<pagination>
  <div class="conatianer">
    <div class="pagination-centered">
      <material-button waves-color="rgba(158,158,158,.4)" each="{p in props.pages}"
        class="{ p.current ? 'current' : ''} { p['space-left'] ? 'space-left' : '' } { p['space-right'] ? 'space-right' : ''}"
        onClick="{() => props.onPageUpdate(p.page)}">
        <i if="{ p.icon }" class="material-icons">{ p.icon }</i>
        <div if="{ !p.icon }">{ p.page }</div>
      </material-button>
    </div>
  </div>
  <script>
  </script>
</pagination>