Form Input

{% if not(placeholder)  %}
{% set placeholder = '' %}
{% endif %}

<div class="
  c-form-input

  {% if basis %}
    basis-{{ basis }}
  {% endif %}

  {% if disabled %}
    is-disabled
  {% endif %}

  {% if icon.svg  %}
    has-icon
  {% endif %}
">
  {% if icon.svg  %}
    <span class="
      c-form-input__icon

      {% if icon.clickable %}
        is-clickable
      {% endif %}
    ">
      {% if icon.clickable %}
        {% render '@svg', { name: icon.svg, color: 'currentColor' } %}
      {% else %}
        {% render '@svg', { name: icon.svg } %}
      {% endif %}
    </span>
  {% endif %}

  <input
    class="c-form-input__field"
    type="text"
    placeholder="{{ placeholder }}"

    {% if disabled %}
      disabled
    {% endif %}
  >
</div>