import { Component } from '@angular/core';
import { XIDEContainerComponent } from '../x-ide/x-ide.typings';

@Component({
  template: `
    <ng-container *ngIf="extractProps() | async as props">
      <x-ide
        [mode]="props.mode"
        [theme]="props.theme"
        [content]="props.content"
        [cssClass]="props.cssClass"
        [minLines]="props.minLines"
        [maxLines]="props.maxLines"
        [fontSize]="props.fontSize"
        [readonly]="props.readonly"
        [isInPage]="props.isInPage"
        [alignTabs]="props.alignTabs"
        [cardColor]="props.cardColor"
        [cardTitle]="props.cardTitle"
        [cardSubTitle]="props.cardSubTitle"
        [wordWrapping]="props.wordWrapping"
        [wrapWithCard]="props.wrapWithCard"
        [cardCssClass]="props.cardCssClass"
        [showActionBar]="props.showActionBar"
        [actionBarColor]="props.actionBarColor"
        [cardShowFooter]="props.cardShowFooter"
        [defaultTabName]="props.defaultTabName"
        [actionProvider]="props.actionProvider"
        [tabHeaderColor]="props.tabHeaderColor"
        [activeTabColor]="props.activeTabColor"
        [cardShowActions]="props.cardShowActions"
        [showLineNumbers]="props.showLineNumbers"
        [showPrintMargin]="props.showPrintMargin"
        [showFoldWidgets]="props.showFoldWidgets"
        [actionBarActions]="props.actionBarActions"
        [actionBarCssClass]="props.actionBarCssClass"
        (contentChange)="props.contentChange($event)"
        [cardActionProvider]="props.cardActionProvider"
        [highlightActiveLine]="props.highlightActiveLine"
        [cardForegroundColor]="props.cardForegroundColor"
        [basicAutocompletion]="props.basicAutocompletion"
        [hasCloseOnDefaultTab]="props.hasCloseOnDefaultTab"
        [availableActionBarItems]="props.availableActionBarItems"
        [actionBarActionProvider]="props.actionBarActionProvider"
        (actionBarActionFired)="props.actionBarActionFired($event)"
        [actionBarForegroundColor]="props.actionBarForegroundColor"
        [defaultActionBarItemColor]="props.defaultActionBarItemColor"
      >
      </x-ide>
    </ng-container>
  `,
})
export class XIdeTestComponent extends XIDEContainerComponent {}