module Pagy::BulmaExtra

def pagy_bulma_nav_js(pagy, pagy_id: nil, link_extra: '', steps: nil)

def pagy_bulma_nav_js(pagy, pagy_id: nil, link_extra: '', steps: nil)
  p_id = %( id="#{pagy_id}") if pagy_id
  link = pagy_link_proc(pagy, link_extra: link_extra)
  tags = { 'before' => %(#{pagy_bulma_prev_next_html(pagy, link)}<ul class="pagination-list">),
           'link'   => %(<li>#{link.call PAGE_PLACEHOLDER, PAGE_PLACEHOLDER,
                                         %(class="pagination-link" aria-label="goto page #{PAGE_PLACEHOLDER}")}</li>),
           'active' => %(<li>#{link.call PAGE_PLACEHOLDER, PAGE_PLACEHOLDER,
                                         %(class="pagination-link is-current" aria-current="page" aria-label="page #{
                                             PAGE_PLACEHOLDER}")}</li>),
           'gap'    => %(<li><span class="pagination-ellipsis">#{pagy_t 'pagy.nav.gap'}</span></li>),
           'after'  => '</ul>' }
  %(<nav#{p_id} class="pagy-njs pagy-bulma-nav-js pagination is-centered" aria-label="pagination" #{pagy_json_attr(
    pagy, :nav, tags, pagy.sequels(steps)
  )}></nav>)
end