export const classes = {
  'primary-status': 'inline-flex items-center justify-center leading-4 relative',
  'dot-showleft': 'ml-2.5',
  'dot-showleft-child': 'w-1.5 h-1.5 absolute -left-2.5 ml-0',
  'primary-status-child': 'rounded-xl bg-color-error',
  'type-danger': 'bg-color-error',
  'type-primary': 'bg-color-brand',
  'type-success': 'bg-color-success',
  'type-warning': 'bg-color-alert',
  'type-default': 'bg-color-error',
  'type-info': 'bg-color-border',
  'type-icon': 'h-1.5 self-start -ml-1.5 z-10',
  'circle': 'min-w-[theme(spacing.4)] h-4 px-1 py-0 ml-1 text-color-bg-1 text-xs text-center box-border',
  'circle-icon-label': 'box-border -ml-2 -mt-1.5',
  'dot-default-icon-label': 'w-1.5 h-1.5 self-start z-10',
  'dot-default': 'w-1.5 h-1.5 ml-1',
  'state-href': '!text-color-bg-1 !no-underline',
  'state-not-href': 'inline-block align-top'
}
