   # If the rendered content has a matching element that will be used as the banner,
   # add a "with-ui-banner" css class.  This way the component can be styled to match
   setBannerClass: ->
-    has_banner = _.contains(@state.classNames, "with-ui-banner")
-    if not has_banner and this.getDOMNode().querySelector(":first-child[data-label]")
-      @setState classNames: @state.classNames.concat ["with-ui-banner"]
+    bannerMissing = not @state?.hasBanner
+    if bannerMissing and this.getDOMNode().querySelector(".note:first-child[data-has-label]")
+      @setState hasBanner: true

  render: ->
    footer = @renderFooterButtons?() or @renderGenericFooter()
    {pinned} = @props
    <CardBody className={@state.classNames.join(' ')} footer={footer} pinned={pinned}>
      {@renderBody()}
      {@renderGroup?()}
    </CardBody>

React = require 'react'
BS = require 'react-bootstrap'
_ = require 'underscore'

LoadableItem = require '../loadable-item'
{CardBody} = require '../pinned-header-footer-card/sections'

module.exports =

  renderGenericFooter: ->
    buttonClasses = '-continue'
