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

<t t-name="html_builder.BuilderButton">
    <BuilderComponent>
        <button type="button" class="o-hb-btn btn" t-att-style="this.props.style"
            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-class="className"
            t-att-title="props.title"
            t-att-aria-label="props.title"
            t-on-click="() => this.onClick()"
            t-on-pointerenter="() => this.onPointerEnter(props.id)"
            t-on-pointerleave="() => this.onPointerLeave(props.id)">
            <Img t-if="props.iconImg" src="props.iconImg" attrs="{alt:props.iconImgAlt}"/>
            <i t-if="props.icon" t-att-class="iconClassName" role="img"/>
            <t t-if="props.label"  t-out="props.label"/>
            <t t-slot="default"/>
        </button>
    </BuilderComponent>
</t>

</templates>
