export const classes = {
  'pager-group': 'inline-block align-middle text-xs h-7 leading-7',
  'li': 'bg-transparent inline-flex items-center justify-center text-xs ml-2 cursor-pointer text-center h-7 min-w-[theme(spacing.7)] text-color-text-primary py-0 px-1 box-border transition-all duration-500 ease-linear border border-solid border-transparent rounded',
  'li-hover': 'hover:text-color-brand-hover hover:bg-color-border-disabled',
  'is-active': 'text-color-brand bg-color-fill-6 hover:bg-color-fill-6',
  'quick-icon': 'w-4 h-4 align-text-top fill-color-icon-primary hover:fill-color-brand cursor-pointer',
  'dot': 'w-4 min-w-0 p-0 border-none hover:bg-color-fill-6'
}
