{% load components %}

{% with id|default:"text-area" as field_id %}
{% with formGroup|default_if_none:True as wrap_group %}

{% if wrap_group %}
{% form_group error=error %}
{% if label %}
  {% label htmlFor=field_id screenReaderOnly=screenReaderOnlyLabel required=required error=error only %}{{ label }}{% endlabel %}
{% endif %}
{% if hint %}
  {% hint id=field_id|add:"-hint" %}{{ hint }}{% endhint %}
{% endif %}
{% if error and error != "true" and error != True and error != "false" %}
  {% error_message id=field_id|add:"-error" %}{{ error }}{% enderror_message %}
{% endif %}
<textarea
  class="usa-textarea usx-textarea{% if error %} usa-input--error{% elif success %} usa-input--success{% endif %}{% if className %} {{ className }}{% endif %}"
  id="{{ field_id }}"
  placeholder="{{ placeholder|default:'' }}"
  {% if maxlength %}maxlength="{{ maxlength }}" {% endif %}
  {% if hint or error or success or describedBy %}aria-describedby="{% if describedBy %}{{ describedBy }} {% endif %}{% if hint %}{{ field_id }}-hint {% endif %}{% if error %}{{ field_id }}-error {% elif success %}{{ field_id }}-success {% endif %}"
  {% endif %}
  {% if error and error != "false" %}aria-invalid="true" {% endif %}
  {% if disabled %}disabled {% endif %}
  {% if required %}required{% endif %}
>{{ defaultValue|default:'' }}</textarea>
{% endform_group %}
{% else %}
{% if label %}
  {% label htmlFor=field_id screenReaderOnly=screenReaderOnlyLabel required=required error=error only %}{{ label }}{% endlabel %}
{% endif %}
{% if hint %}
  {% hint id=field_id|add:"-hint" %}{{ hint }}{% endhint %}
{% endif %}
{% if error and error != "true" and error != True and error != "false" %}
  {% error_message id=field_id|add:"-error" %}{{ error }}{% enderror_message %}
{% endif %}
<textarea
  class="usa-textarea usx-textarea{% if error %} usa-input--error{% elif success %} usa-input--success{% endif %}{% if className %} {{ className }}{% endif %}"
  id="{{ field_id }}"
  placeholder="{{ placeholder|default:'' }}"
  {% if maxlength %}maxlength="{{ maxlength }}" {% endif %}
  {% if hint or error or success or describedBy %}aria-describedby="{% if describedBy %}{{ describedBy }} {% endif %}{% if hint %}{{ field_id }}-hint {% endif %}{% if error %}{{ field_id }}-error {% elif success %}{{ field_id }}-success {% endif %}"
  {% endif %}
  {% if error and error != "false" %}aria-invalid="true" {% endif %}
  {% if disabled %}disabled {% endif %}
  {% if required %}required{% endif %}
>{{ defaultValue|default:'' }}</textarea>
{% endif %}

{% endwith %}
{% endwith %}