{% macro component(config, localized) %}
    {% import "system/macro/form-component/button.html.twig" as button %}
    {% set config = {
        backgroundColor: 'bc-bg-red-600',
        backgroundColorHover: 'enabled:hover:bc-bg-red-700',
        focus: 'focus:bc-outline-none focus:bc-ring-2 focus:bc-ring-red-800 focus:bc-ring-offset-2',
    } | merge(config)
    %}
    {{ button.component(config, localized) }}
{% endmacro %}
