+mdc-banner('There was a problem processing a transaction on your credit card.')
 
// or
// +mdc-banner(text='There was a problem processing a transaction on your credit card.')

+mdc-banner('There was a problem processing a transaction on your credit card.')(centered)

+mdc-banner('There was a problem processing a transaction on your credit card.')(fixed)

+mdc-banner('There was a problem processing a transaction on your credit card.')(icon='error_outline')

+mdc-banner('There was a problem processing a transaction on your credit card.')
    +mdc-banner__action('Fix it')(primary)

+mdc-banner('There was a problem processing a transaction on your credit card.')
    +mdc-banner__action('Learn more')(secondary)
    +mdc-banner__action('Fix it')(primary)

+mdc-banner('There was a problem processing a transaction on your credit card.')(mobileStacked)
    +mdc-banner__action('Learn more')(secondary)
    +mdc-banner__action('Fix it')(primary)