{%- set classes = settings.classes | merge( [ base_styles.base ] ) | join(' ') | trim %}
{%- set id_attribute = settings._cssid is not empty ? 'id=' ~ settings._cssid | e('html_attr') : '' %}
{%- set interactions_attribute = interactions is not empty ? 'data-interactions=' ~ interactions | json_encode | e('html_attr') : '' %}
{%- set placeholder_attribute = settings.placeholder is not empty ? 'placeholder=' ~ settings.placeholder | e('html_attr') : '' %}
{%- set required_attribute = settings.required ? 'required' : '' %}
{%- set readonly_attribute = settings.readonly ? 'readonly' : '' %}
{%- set name = settings.name is not empty ? settings.name : settings._cssid is not empty ? settings._cssid : id %}
{%- set name_attribute = 'name=' ~ name | e('html_attr') %}
<input 
	{{ id_attribute }}
	{{ name_attribute }}
	class="{{ classes }}"
	type="{{ settings.type }}"
	data-interaction-id="{{ interaction_id | default(id) }}"
	{{ settings.attributes | raw }} 
	{{ interactions_attribute }}
	{{ placeholder_attribute | raw }}
	{{ required_attribute }}
	{{ readonly_attribute }}
/>