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

{% macro PhoneInput(phone_number, phone_ext, placeholder_phone="", phone_optional=True, extension_optional=True) %}
  <div class='phone-input'>
      <div class='phone-input__phone'>
        {{ TextInput(phone_number, placeholder=placeholder_phone, validation='usPhone', optional=phone_optional) }}
      </div>
      <div class='phone-input__extension'>
        {{ TextInput(phone_ext, validation='phoneExt', optional=extension_optional) }}
      </div>
  </div>
{%- endmacro %}
