<div class="columns">
  <div id={{fields.first.id}} class="field-column column is-3 ember-view">
    {{form-field-label
        label=fields.first.label
        required=fields.first.required
        error=(get changeset.error fields.first.id)
        toolTipContent=fields.first.toolTipContent
        additionalInfo=fields.first.additionalInfo
        additionalButton=fields.first.additionalButton
        showErrors=showErrors
        description=fields.first.description
    }}
    <div class="field">
      {{one-way-currency-mask
        (get changeset fields.first.id)
        update=(action "handleInitialChange")
        class="input"
      }}
    </div>
  </div>
  <div id={{fields.second.id}} class="field-column column is-3 ember-view">
    {{form-field-label
        label=fields.second.label
        required=fields.second.required
        showErrors=showErrors
        error=(get changeset.error fields.second.id)
        toolTipContent=fields.second.toolTipContent
        additionalInfo=fields.second.additionalInfo
        additionalButton=fields.second.additionalButton
        description=fields.second.description
    }}
    <div class="field">
      {{one-way-number-mask
        (get changeset fields.second.id)
        decimal=true
        class="input"
        update=(action "handlePercentageChange")
        }}
        
    </div>
  </div>
  <div id={{fields.third.id}} class="field-column column is-3 ember-view">
    {{form-field-label
        label=fields.third.label
        required=fields.third.required
        showErrors=showErrors
        error=(get changeset.error fields.third.id)
        toolTipContent=fields.third.toolTipContent
        additionalInfo=fields.third.additionalInfo
        additionalButton=fields.third.additionalButton
        description=fields.third.description
    }}
    <div class="field">
      {{one-way-currency-mask
        (get changeset fields.third.id)
        update=(action "handleTotalChange")
        class="input"
      }}
    </div>
  </div>
</div>