<!-- eslint-disable-next-line sw-deprecation-rules/no-twigjs-blocks -->
{% block sw_order_state_select_v2 %}
<div
    class="sw-order-state-select-v2"
    :class="`sw-order-state-select-v2__${stateType}`"
>
    <!-- eslint-disable-next-line sw-deprecation-rules/no-twigjs-blocks -->
    {% block sw_order_state_select_v2_field %}
    <sw-single-select
        id="state"
        v-model:value="selectedActionName"
        :class="`${selectStyle} ${backgroundStyle}`"
        :disabled="!selectable || undefined"
        label-property="name"
        value-property="id"
        :placeholder="selectPlaceholder"
        :label="label"
        :options="transitionOptions"
        size="small"
    />
    {% endblock %}
</div>
{% endblock %}
