{% extends 'components/Form/Layout/index.html.twig' %}
{% set required = required ?? true %}
{% set type = type ?? 'text' %}
{% set inputClassName = inputClassName ?? '' %}
{% set placeholder = placeholder ?? '' %}
{% set icon = icon ?? false %}
{% set name = name ?? false %}
{% set disabled = disabled ?? false %}
{% set value = value ?? false %}
{% set extraAttr = extraAttr ?? false %}
{% block field %}
{% if icon %}
<div class="is-relative input-with-icon">
{% endif %}
<input
type="{{ type }}"
id="{{ id }}"
name="{{ name }}"
placeholder="{{ placeholder }}"
{% if required %}
required
{% endif %}
{% if disabled %}
disabled="disabled"
{% endif %}
{% if value %}value="{{ value }}"{% endif %}
class="input {{ inputClassName }}"
{% if extraAttr %}{{ extraAttr|raw }}{% endif %}
/>
{% if icon %}
<i class="{{ icon }}"></i>
</div>
{% endif %}
{% endblock %}