<?xml version="1.0" encoding="UTF-8"?>
<templates xml:space="preserve">

    <t t-name="web.StatusBarButtons">
        <div class="o_statusbar_buttons d-flex align-items-center align-content-around flex-wrap gap-1">
            <t t-if="env.isSmall">
                <t t-set="firstSlot" t-value="visibleSlotNames[0]" />
                <t t-set="otherSlots" t-value="visibleSlotNames.slice(1)" />
                <t t-if="firstSlot" t-slot="{{ firstSlot }}" />
                <Dropdown t-if="otherSlots.length">
                    <button class="btn btn-secondary" title="More">
                        <i class="oi oi-fw oi-ellipsis-v" />
                    </button>
                    <t t-set-slot="content">
                        <t t-foreach="otherSlots" t-as="slot" t-key="slot">
                            <DropdownItem class="'o-dropdown-item-unstyled-button'">
                                <t t-slot="{{ slot }}" />
                            </DropdownItem>
                        </t>
                    </t>
                </Dropdown>
            </t>
            <t t-else="">
                <t t-foreach="visibleSlotNames" t-as="slot" t-key="slot">
                    <t t-slot="{{ slot }}" />
                </t>
            </t>
        </div>
    </t>

</templates>
