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

<t t-name="html_builder.BuilderSelectItem">
    <BuilderComponent>
        <div
            t-attf-class="o-hb-select-dropdown-item d-flex flex-column cursor-pointer o-dropdown-item dropdown-item o-navigable #{ props.className }"
            t-att-class="{'active': this.state.isActive}"
            t-att-data-action-id="info.actionId"
            t-att-data-action-param="info.actionParam"
            t-att-data-action-value="info.actionValue"
            t-att-data-class-action="info.classAction"
            t-att-data-style-action="info.styleAction"
            t-att-data-style-action-value="info.styleActionValue"
            t-att-data-attribute-action="info.attributeAction"
            t-att-data-attribute-action-value="info.attributeActionValue"
            t-att-title="props.title"
            t-on-click="this.onClick"
            t-on-pointerenter="this.onPointerEnter"
            t-on-pointerleave="this.onPointerLeave"
            t-on-focusin="() => this.onFocusin()"
            t-on-focusout="() => this.onFocusout()"
            t-ref="item"
            role="menuitem"
            tabindex="0">
            <t t-slot="default" />
        </div>
    </BuilderComponent>
</t>

</templates>
