{% set attributes = attributes.setAttribute('type', variant|default('text')) %}

{% set attributes = id ? attributes.setAttribute('id', 'input-' ~ id) : attributes %}
{% set attributes = label ? attributes.setAttribute('label', label) : attributes %}
{% set attributes = placeholder ? attributes.setAttribute('placeholder', placeholder) : attributes %}
{% set attributes = autocomplete_off ? attributes.setAttribute('autocomplete', 'off') : attributes %}
{% set attributes = clearable ? attributes.setAttribute('clearable', true) : attributes %}

<sl-input{{ attributes }} size="{{ size|default('medium') }}">
  {% if icon %}
    <sl-icon name="{{ icon }}" slot="prefix"></sl-icon>
  {% endif %}
</sl-input>
