export const classes = {
  'wrapper': 'max-h-[270px] overflow-hidden flex-1 align-top relative',
  'is-arrow': 'left-0 box-border text-center overflow-hidden',
  'list': `translate-y-[110px] p-0 m-0 list-none text-center after:content-[''] after:block after:h-[100px] after:w-full`,
  'item': 'text-sm text-color-text-primary h-12 w-12 py-1 cursor-pointer mx-auto my-0',
  'text': 'rounded my-0 flex items-center justify-center h-full hover:bg-color-bg-2',
  'arrow': 'text-xs text-color-text-placeholder h-3 leading-3 absolute left-0 w-full z-[1] text-center cursor-pointer',
  'active': 'bg-color-fill-6 hover:bg-color-fill-6 text-color-brand',
  'disabled': 'text-color-text-placeholder cursor-not-allowed bg-transparent hover:bg-transparent'
}
