import { A, C, w, R } from './ssr-c4e448c1.js';

const g={code:".pagination.svelte-1senu3m{width:100%;margin-top:25px;display:flex;justify-content:center;gap:10px}.paginationItem.svelte-1senu3m{font-size:14px;line-height:22px;width:20px;border:thin solid rgba(50, 50, 50, 0.15);display:flex;padding:2px 15px;border-radius:2px;width:fit-content;justify-content:center;cursor:pointer}.paginationItem.svelte-1senu3m:hover{background-color:rgb(227, 230, 242)}.paginationItem.active.svelte-1senu3m{background-color:rgb(230, 35, 52);border-color:rgb(230, 35, 52);color:rgb(226, 224, 254);cursor:auto}.paginationItem.disabled.svelte-1senu3m{background-color:rgba(255, 255, 255, 0.5);cursor:not-allowed;opacity:0.4}",map:null},$=A((c,d,u,p)=>{let{totalPages:e}=d,t=1,o=[],l=[],i=[];return (()=>{o=[],l=t<e-2?[e-1,e]:[],t===e&&(i=[t-1,t]),i=[t,t+1],t!==e&&t!==1&&(i=[t-1,t,t+1],t===e-2&&i.push(e));})(),d.totalPages===void 0&&u.totalPages&&e!==void 0&&u.totalPages(e),c.css.add(g),`${e>1?`<div class="pagination svelte-1senu3m"><div role="button"${C("tabindex",0,0)}${C("data-value",t,0)} class="${"paginationItem "+w("disabled",!0)+" svelte-1senu3m"}">${w("<")}</div> ${o.length!==0?`${R(o,s=>`<div role="button"${C("tabindex",0,0)} class="paginationItem svelte-1senu3m"${C("data-value",s,0)}>${w(s)} </div>`)} ${o.at(-1)!==i[0]-1?"...":""}`:""} ${R(i,s=>`<div role="button"${C("tabindex",0,0)} class="${"paginationItem "+w(s===t?"active":"",!0)+" svelte-1senu3m"}"${C("data-value",s,0)}>${w(s)} </div>`)} ${l.length!==0?`${l[0]-1!==i.at(-1)?"...":""} ${R(l,s=>`<div role="button"${C("tabindex",0,0)} class="paginationItem svelte-1senu3m"${C("data-value",s,0)}>${w(s)} </div>`)}`:""} <div role="button"${C("tabindex",0,0)}${C("data-value",t<e?t+1:t,0)} class="${"paginationItem "+w(t<e?"":"disabled",!0)+" svelte-1senu3m"}">${w(">")}</div></div>`:""}`});

export { $ };
//# sourceMappingURL=PaginationItems-e9e01bec.js.map