<templates>
  <t t-name="o-spreadsheet-NamedRangesPanel">
    <div class="o-named-ranges">
      <div class="o-named-range-list">
        <t t-foreach="this.namedRanges" t-as="namedRange" t-key="namedRange_index+namedRange.name">
          <NamedRangePreview namedRange="namedRange"/>
        </t>
      </div>
      <div class="o-named-range-add o-button-link p-4 float-end" t-on-click="this.addNewNamedRange">
        + Add a new named range
      </div>
    </div>
  </t>
</templates>
