 
   renderHeader: ->
 
-    { teamSize, pricePerSeat, isTrial, freeCredit, endsAt, title } = @props
+    { loading, teamSize, pricePerSeat
+      isTrial, freeCredit, endsAt, title } = @props
 
     nextAmount = Number(teamSize) * Number(pricePerSeat)
 
     <SubscriptionHeader
+      loading={loading}
       isTrial={isTrial}
       title={title}
       teamSize={teamSize}


  render: ->

    <div>
      <Content>{@renderHeader()}</Content>
      <Content>{@renderTrialChargeInfo()}</Content>
      <Content>{@renderExtras()}</Content>
    </div>



  title: PropTypes.string
  pricePerSeat: PropTypes.number.isRequired
  teamSize: PropTypes.number
  endsAt: PropTypes.number.isRequired
  freeCredit: PropTypes.string
  isSurveyTaken: PropTypes.bool
  isEmailVerified: PropTypes.bool
