export const ui = {
  wrapper: 'relative',
  container: 'relative w-full flex overflow-x-auto snap-x snap-mandatory scroll-smooth',
  item: 'flex flex-none snap-center',
  arrows: {
    wrapper: 'flex items-center justify-between',
  },
  indicators: {
    wrapper: 'absolute z-10 flex items-center justify-center gap-3 bottom-4 inset-x-0',
    base: 'rounded-full h-3 w-3',
    active: 'bg-primary-500 dark:bg-primary-400 bg-blue-700',
    inactive: 'bg-gray-200 dark:bg-gray-800 mix-blend-overlay',
  },
}
export default {ui}