import { Component } from '@angular/core';
import { XChartContainerComponent } from '../x-chart/x-chart.typings';

@Component({
  template: `
    <ng-container *ngIf="extractProps() | async as props">
      <x-chart
        [series]="props.series"
        [options]="props.options"
        [cssClass]="props.cssClass"
        [isInPage]="props.isInPage"
        [cardColor]="props.cardColor"
        [cardTitle]="props.cardTitle"
        [autoUpdate]="props.autoUpdate"
        (zoomed)="props.zoomed($event)"
        [wrapWithCard]="props.wrapWithCard"
        [cardCssClass]="props.cardCssClass"
        [cardSubTitle]="props.cardSubTitle"
        [cardShowFooter]="props.cardShowFooter"
        [actionProvider]="props.actionProvider"
        [cardShowActions]="props.cardShowActions"
        (chartRendered)="props.chartRendered($event)"
        [cardActionProvider]="props.cardActionProvider"
        [cardForegroundColor]="props.cardForegroundColor"
        (dataPointSelected)="props.dataPointSelected($event)"
      >
      </x-chart>
    </ng-container>
  `,
})
export class XChartTestComponent extends XChartContainerComponent {}