How to use the metronome-wallet-ui-logic/src/theme.colors function in metronome-wallet-ui-logic

)}

        {tx.txType === 'auction' &&
          !isPending && (
            
          )}

        {(tx.txType === 'unknown' || isPending) && (
          {confirmations}
        )}
        <div>
          
            {tx.txType === 'auction' ? (
              
                </div>

<title>{this.props.successTitle}</title>
              
              {this.props.successText &amp;&amp; (
                {this.props.successText}
              )}
            
          
        
      )
    }
    if (status === 'failure') {
      return (
        
          
            
            
              <title>{this.props.failureTitle}</title>
            
            {error &amp;&amp; {error}}
            
              Try again
            
          
        
      )
    }
    return (

const { confirmations, parsed: tx, ...other } = this.props
    const isFailed =
      (tx.txType === 'auction' &&
        !tx.mtnBoughtInAuction &&
        confirmations > 0) ||
      tx.contractCallFailed
    const isPending = !isFailed && confirmations < 6

    return (
      
        {(tx.txType === 'received' || tx.txType === 'sent') &&
          !isPending && (
            
          )}

        {tx.txType === 'converted' &&
          !isPending && (
            
          )}

render() {
    const color = this.props.isFailed
      ? theme.colors.danger
      : theme.colors.primary

    if (this.props.txType === 'unknown' || this.props.isPending) {
      return {this.props.confirmations}
    }

    switch (this.props.txType) {
      case 'converted':
        return 
      case 'auction':
        return 
      case 'imported':
        return 
      case 'exported':
        return 
      default:
        return