{# ========================================================================== #}
{# :: Imports #}
{# ========================================================================== #}
{% import "components/icon.njk" as icon %}

{# ========================================================================== #}
{# :: Default #}
{# ========================================================================== #}
{% macro default(classes, data) %}

	<div class="bp-c-search {{classes}}">
		<label class="bp-c-search__icon" for="{{data.id}}">
			{{icon.default("", {
				name: "search"
			})}}
		</label>

		<input
			class="bp-c-search__input"
			type="text"
			id="{{data.id}}"
			name="{{data.name}}"
			placeholder="{{data.placeholder}}"
			value="{{data.value}}"
			autofocus
		/>
	</div>

{% endmacro %}