export const paginationRoot = 'flex gap-1'
export const paginationItem = [
  'h-10 min-w-10 px-3 py-2 inline-flex items-center justify-center rounded-xl cursor-pointer text-foreground hover:bg-foreground/5',
  'data-[selected]:border data-[selected]:bg-primary/10 data-[selected]:border-primary/30 data-[selected]:text-primary data-[selected]:font-semibold data-[selected]:shadow-md/5',
  'data-[disabled]:opacity-70',
]
export const paginationPrevTrigger = paginationItem
export const paginationNextTrigger = paginationItem
export const paginationEllipsis = paginationItem
