<data inherit_id="website.placeholder_header_text_element" name="Header Text element" active="True">
    <xpath expr="." position="inside">
        <li t-attf-class="#{_item_class}">
            <t t-if="_txt_elt_content == 'sentence'">
                <div t-attf-class="s_text_block #{_div_class}" data-name="Text">
                    <small>Devoluciones y envío estándar gratis</small>
                </div>
            </t>
            <t t-elif="_txt_elt_content == 'list'">
                <div t-attf-class="s_text_block d-flex flex-column flex-lg-row gap-1 gap-lg-4 align-items-lg-center #{_div_class}" data-name="Text">
                    <small class="d-flex align-items-center">
                        <i class="fa fa-1x fa-fw fa-usd fa-stack me-1"/>
                        Garantía del mejor precio
                    </small>
                    <small class="d-flex align-items-center">
                        <i class="fa fa-1x fa-fw fa-shopping-basket fa-stack me-1"/>
                        Garantía de devolución de 30 días
                    </small>
                    <small class="d-flex align-items-center">
                        <i class="fa fa-1x fa-fw fa-truck fa-stack me-1"/>
                        Envío estándar
                    </small>
                </div>
            </t>
            <t t-elif="_txt_elt_content == 'phone_mail'">
                <div t-attf-class="s_text_block #{_div_class}" data-name="Text">
                    <a href="tel:+1 555-555-5556" class="nav-link o_nav-link_secondary">
                        <small>
                            <i class="fa fa-1x fa-fw fa-phone me-1"/>͏ <!-- Empty character needed to be able to delete the icon. -->
                            <span class="o_force_ltr">+1 555-555-5556</span>
                        </small>
                    </a>
                    <a href="mailto:info@yourcompany.example.com" class="nav-link o_nav-link_secondary">
                        <small>
                            <i class="fa fa-1x fa-fw fa-envelope me-1"/>
                            info@sucompañía.example.com
                        </small>
                    </a>
                </div>
            </t>
            <t t-elif="_txt_elt_content == 'mail'">
                <div t-attf-class="s_text_block #{_div_class}" data-name="Text">
                    <a href="mailto:info@yourcompany.example.com" class="nav-link o_nav-link_secondary">
                        <small><i class="fa fa-1x fa-fw fa-envelope me-1"/> info@sucompañía.example.com</small>
                    </a>
                </div>
            </t>
            <t t-elif="_txt_elt_content == 'mail_stretched'">
                <div t-attf-class="s_text_block #{_div_class}" data-name="Text">
                    <a href="tel:+1 555-555-5556" class="nav-link o_nav-link_secondary p-2 o_navlink_background_hover d-flex align-items-center h-100 text-reset">
                        <i class="fa fa-1x fa-fw fa-phone me-1"/>
                        <span class="o_force_ltr"><small>+1 555-555-5556</small></span>
                    </a>
                </div>
            </t>
            <t t-else="">
                <div t-attf-class="s_text_block #{_div_class}" data-name="Text" class="s_text_block">
                    &amp;nbsp;<span class="o_force_ltr"><small style="display: inline-block;">+34 916 915 562</small></span>
                </div>
            </t>
        </li>
    </xpath>
</data>