{% if href is defined %}
    <a
    href="{{ href }}" class="cursor-pointer {{ submit is defined ? 'px-4 rounded-l-none' : 'w-full' }} {{ colors.button.primary }} rounded-lg h-[42px] flex items-center justify-center">
        {% else %}
        <div onclick="{{ onclick }}" class="cursor-pointer {{ submit is defined ? 'px-4 rounded-l-none' : 'w-full' }} {{ colors.button.primary }} rounded-lg h-[42px] flex items-center justify-center">
        {% endif %}
        {% if label is defined %}
            <span>
                {{ label }}
            </span>
        {% endif %}
        {% if icon is defined %}
            {% if icon == 'search' %}
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                    <circle cx="11" cy="11" r="8"></circle>
                    <path d="m21 21-4.3-4.3"></path>
                </svg>
            {% elseif icon == 'add' %}
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus">
                    <path d="M5 12h14" />
                    <path d="M12 5v14" />
                </svg>
            {% elseif icon == 'enter' %}
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right">
                    <path d="M5 12h14" />
                    <path d="m12 5 7 7-7 7" />
                </svg>
            {% endif %}
        {% endif %}
        {% if href is defined %}
        </a>
{% else %}
    </div>
{% endif %}
{% if captcha is defined %}
    <div class="flex justify-center {{ colors.text.muted }}">
        <p class="w-[250px] text-[10px] text-center">
            This form is protected by reCAPTCHA and the Google
            <a class="underline" href="https://policies.google.com/privacy">
                Privacy Policy
            </a>
            and
            <a class="underline" href="https://policies.google.com/terms">
                Terms of Service
            </a>
            apply.
        </p>
    </div>
{% endif %}
