<templates>
  <div
    t-name="o-spreadsheet-DropdownAction"
    class="o-dropdown"
    t-ref="this.actionRef"
    t-on-click.stop="">
    <ActionButton
      action="this.props.parentAction"
      hasTriangleDownIcon="true"
      onClick.bind="this.toggleDropdown"
      class="this.props.class"
    />
    <Popover t-if="this.isActive" t-props="this.popoverProps">
      <div class="o-dropdown-content p-1" t-if="this.isActive" t-on-click.stop="">
        <div class="o-dropdown-line">
          <t t-foreach="this.props.childActions" t-as="action" t-key="action_index">
            <ActionButton action="action" class="this.props.childClass"/>
          </t>
        </div>
      </div>
    </Popover>
  </div>
</templates>
