export const classes = {
  'radio-default':
    'radio inline-flex items-center align-middle leading-4 cursor-pointer sm:flex-row py-px sm:py-0 h-fit',
  'radio-label-common': 'relative text-center w-7 h-7 mr-2 sm:mr-0',
  'radio-label-size-common': 'sm:w-4 sm:h-4',
  'radio-label-size-medium': 'sm:w-6 sm:h-6',
  'radio-label-circle': 'inline-flex p-3 sm:p-0',
  'icon-common': 'absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-0 transition-all',
  'icon-show': 'opacity-100 scale-100 z-10',
  'icon-hidden': 'opacity-0 scale-0 z-0',
  'icon-radioselected-common': 'w-5 h-5 fill-color-bg-1 flex-1 [&_circle:nth-of-type(1)]:fill-color-bg-1',
  'icon-radioselected-size-common': 'sm:w-4 sm:h-4',
  'icon-radioselected-size-medium': 'sm:w-6 sm:h-6',
  'icon-radioselected-disabled':
    'fill-color-brand-disabled cursor-not-allowed [&_circle:nth-of-type(1)]:fill-color-bg-1',
  'icon-radioselected-default': 'fill-color-brand [&_circle:nth-of-type(1)]:shadow-xsm',
  'icon-radio-common': 'w-5 h-5 flex-1',
  'icon-radio-size-common': 'sm:w-4 sm:h-4',
  'icon-radio-size-medium': 'sm:w-6 sm:h-6',
  'icon-radio-default': 'fill-color-bg-1 [&_path:nth-of-type(1)]:fill-color-icon-secondary',
  'icon-radio-disabled':
    '[&_path:nth-of-type(1)]:fill-color-icon-disabled [&_path:nth-of-type(2)]:fill-color-bg-3 cursor-not-allowed',
  'mobile-icon-radioselected-disabled':
    'fill-color-bg-1 [&_path:nth-of-type(1)]:fill-color-brand-disabled cursor-not-allowed',
  'mobile-icon-radioselected-default':
    'fill-color-bg-1 [&_path:nth-of-type(1)]:fill-color-brand [&_path:nth-of-type(1)]:shadow-xsm',
  'mobile-icon-radio-default': '[&_path:nth-of-type(2)]:fill-color-none-hover [&_path:nth-of-type(1)]:fill-color-bg-1',
  'mobile-icon-radio-disabled':
    '[&_path:nth-of-type(2)]:fill-color-icon-disabled [&_path:nth-of-type(1)]:fill-color-bg-3 cursor-not-allowed',
  'radio-input': 'absolute left-0 right-0 top-0 bottom-0 w-0 h-0 -z-10 opacity-0',
  'radio-text-common': 'sm:h-4 text-center text-color-text-primary align-middle text-sm',
  'radio-text-size-common': 'sm:text-xs',
  'radio-text-size-medium': 'sm:text-sm',
  'radio-hover': 'sm:[&_path:nth-of-type(1)]:hover:fill-color-brand-hover',
  'radio-hover-selected': 'sm:[&_path:nth-of-type(1)]:hover:fill-color-brand-hover',
  'radio-active': 'sm:[&_path:nth-of-type(1)]:active:fill-color-brand-active',
  'radio-active-selected': 'sm:[&_path:nth-of-type(1)]:active:fill-color-brand-active',
  'label-disabled': 'text-color-text-disabled cursor-not-allowed',
  'pc-show': 'hidden sm:block',
  'mobile-show': 'block sm:hidden',
  'readonly-is-checked': 'sm:m-0',
  'readonly-is-not-checked': 'sm:hidden',
  'not-readonly-common': 'mr-5 sm:[&:last-child]:mr-0',
  'hidden-radio': 'sm:hidden',
  'not-readly-common-label': 'sm:py-0 sm:pl-2 -ml-0.5 sm:ml-0',
  'readonly-checked-label': 'sm:pl-0 text-color-text-primary',
  'verticalStyle': 'sm:mb-2 sm:[&:last-child]:mb-0 sm:mr-0'
}
