<templates>
  <t t-name="o-spreadsheet.ChartLabelRange">
    <Section class="this.sectionClass" title="this.props.title">
      <SelectionInput
        ranges="[this.props.range]"
        isInvalid="this.props.isInvalid"
        hasSingleRange="true"
        onSelectionChanged="(ranges) => this.props.onSelectionChanged(ranges)"
        onSelectionConfirmed="() => this.props.onSelectionConfirmed()"
      />
      <t t-foreach="this.props.options" t-as="option" t-key="option.name">
        <Checkbox
          name="option.name"
          label="option.label"
          value="option.value"
          onChange="option.onChange"
          className="'mt-2'"
          disabled="option.disabled"
        />
      </t>
    </Section>
  </t>
</templates>
