   displayName: 'CardBody'
   render: ->
     {className} = @props
+    classes = 'card-body'
+    classes += " #{className}" if className?
 
-    <div className="card-body #{className}">
+    <div className={classes}>
       {@props.children}
       <PinnedFooter>
         {@props.footer}

  displayName: 'PinnedHeader'
  render: ->
    {className} = @props

    <div className="pinned-header #{className}">
      {@props.children}
    </div>


  displayName: 'PinnedFooter'
  render: ->
    {className} = @props
    classes = 'pinned-footer'
    classes += " #{className}" if className?

    <div className={classes}>
      {@props.children}
    </div>

