<templates>
  <t t-name="o-spreadsheet-GeneralDesignEditor">
    <SidePanelCollapsible isInitiallyCollapsed="false" title.translate="General">
      <t t-set-slot="content">
        <Section class="'o-chart-background-color pt-0 pb-0'" title.translate="Background color">
          <RoundColorPicker
            currentColor="this.props.definition.background"
            onColorPicked.bind="this.updateBackgroundColor"
          />
        </Section>
        <ChartTitle
          title="this.title.text"
          updateTitle.bind="this.updateTitle"
          name.translate="Chart title"
          placeholder.translate="Add a Title"
          updateStyle.bind="this.updateChartTitleStyle"
          style="this.title"
          defaultStyle="{align: 'left', fontSize: this.props.defaultChartTitleFontSize}"
        />
        <t t-call-slot="general-extension"/>
      </t>
    </SidePanelCollapsible>
  </t>
</templates>
