<templates>
  <t t-name="o-spreadsheet-GridAddRowsFooter">
    <div
      class="o-grid-add-rows bg-white pt-2 ps-2 w-100 d-flex position-relative align-items-center os-theme-dependant"
      t-att-style="this.addRowsPosition"
      t-on-pointerdown.stop.prevent="">
      <button
        t-on-click="this.onConfirm"
        t-att-disabled="this.state.errorFlag"
        class="o-button flex-grow-0 me-2"
        tabindex="-1">
        Add
      </button>
      <input
        type="text"
        class="o-grid-add-rows-input o-input mt-0 me-2"
        t-ref="this.inputRef"
        value="100"
        t-on-click.stop=""
        t-on-keydown.stop="this.onKeydown"
        t-on-pointerdown.stop=""
        t-on-input.stop="this.onInput"
        tabindex="-1"
      />
      <span>more rows at the bottom</span>
      <ValidationMessages
        t-if="this.state.errorFlag"
        messages="this.errorMessages"
        msgType="'error'"
      />
    </div>
  </t>
</templates>
