{% set id = id ?? "search-input" %}
{% set classes = classes ?? "" %}

<form class="search-form {{ classes }}"  action="/search">
    {% include "partials/forms/text" with {
        id: id,
        name: "q",
        value: keywords|default,
        placeholder: "Enter your keywords",
        label: "Search",
        hideLabel: true,
        attributes: {
            "aria-label": "Enter your keywords",
        },
    } %}

    {% include "partials/buttons/icon" with { self: {
        type: "submit",
        icon: "outline/search",
        styles: "button--icon-fill-blue",
        attributes: {
            "aria-label": "Search site",
        },
    }} %}
</form>