{% from "components/text_input.html" import TextInput %}

{% macro UserInfo(first_name, last_name, email, phone) -%}
<div class='form-row'>
  <div class='form-col form-col--half'>
    {{ TextInput(first_name) }}
  </div>

  <div class='form-col form-col--half'>
    {{ TextInput(last_name) }}
  </div>
</div>

<div class='form-row'>
  <div class='form-col form-col--half'>
    {{ TextInput(email, placeholder='name@mail.mil', validation='email') }}
  </div>

  <div class='form-col form-col--half'>
    {{ TextInput(phone, placeholder='(123) 456-7890', validation='usPhone') }}
  </div>
</div>
{% endmacro %}
