export const classes = {
  'rate': 'flex justify-start items-center text-center',
  'rate-item':
    'align-bottom flex-initial flex justify-center box-content [&>svg:nth-child(1)]:w-6 [&>svg:nth-child(1)]:h-6  px-2 sm:[&>svg:nth-child(1)]:w-4 sm:[&>svg:nth-child(1)]:h-4 sm:px-1',
  'rate-item-textOnBottom': 'px-2 sm:px-1 inline-block',

  'cursor-disabled': 'cursor-auto',
  'cursor-undisabled': 'cursor-pointer',
  'svg-hover': 'scale-[1.15]',

  'text-Bottom': 'text-sm mt-2',
  'text-left': 'text-color-text-primary text-sm  ml-6 leading-6 sm:ml-3 sm:leading-4',

  'allowhalf-item': 'relative inline-block leading-none',
  'allowhalf-active': 'inline-block  absolute top-0 left-1/2 -translate-x-1/2 w-6 h-6 sm:w-4 sm:h-4',

  'big-text-bottom': 'text-base',
  'big-text-left': 'text-color-text-primary sm:ml-5 sm:text-base sm:leading-6',
  'type-big': 'sm:[&>svg:nth-child(1)]:w-6 sm:[&>svg:nth-child(1)]:h-6  sm:px-2'
}
