{% from "components/icon.html" import Icon %}
{% from "components/tooltip.html" import Tooltip %}

{% macro TextInput(field, tooltip='', placeholder='') -%}
  <div class='usa-input {% if field.errors %}usa-input--error{% endif %}'>
    <label for={{field.name}}>
      <div class="usa-input__title">{{ field.label | striptags }} {% if tooltip %}{{ Tooltip(tooltip) }}{% endif %}</div>

      {% if field.description %}
        <span class='usa-input__help'>{{ field.description | safe }}</span>
      {% endif %}

      {% if field.errors %} {{ Icon('alert',classes="icon-validation") }} {% endif %}
    </label>

    {{ field(placeholder=placeholder) | safe }}

    {% if field.errors %}
      {% for error in field.errors %}
        <span class='usa-input__message'>{{ error }}</span>
      {% endfor %}
    {% endif %}
  </div>
{%- endmacro %}