export const classes = {
  'steps-advanced': 'w-full flex text-color-text text-xs leading-4',
  'steps-block':
    'flex rounded-sm relative cursor-pointer group text-color-text-primary bg-color-bg-2 hover:bg-color-border-separator',
  'steps-block-error': 'text-color-error bg-color-error-subtler hover:bg-error-disabled',
  'steps-block-disabled': 'text-color-text-disabled hover:bg-color-bg-2',
  'steps-block-done': 'bg-color-info-primary-subtler hover:bg-color-info-secondary-disabled',
  'steps-block-doing': 'bg-color-info-primary-subtler hover:bg-color-brand-hover',
  'steps-block-error-active': 'bg-color-error hover:bg-color-error',
  'steps-block-disabled-active': 'bg-color-bg-2 hover:bg-color-bg-2',
  'steps-block-done-active': 'bg-color-brand hover:bg-color-brand',
  'steps-block-doing-active': 'bg-color-brand hover:bg-color-brand',
  'steps-text': 'group flex-auto max-w-full truncate text-color-text-secondary',
  'steps-text-error': 'text-color-text-primary',
  'steps-text-disabled': 'text-color-border',
  'steps-text-done': 'text-color-text-primary',
  'steps-text-doing': 'group-hover:text-color-text-inverse text-color-text-primary',
  'steps-content': 'flex-auto flex max-w-full items-center justify-center px-4 overflow-hidden h-full'
}
