import { Component, QueryList, ViewChildren } from '@angular/core';

import { SkyTextExpandRepeaterComponent } from '../text-expand-repeater.component';
import { SkyTextExpandRepeaterListStyleType } from '../types/text-expand-repeater-list-style-type';

@Component({
  selector: 'sky-text-expand-repeater-demo',
  templateUrl: './text-expand-repeater.component.fixture.html',
})
export class TextExpandRepeaterTestComponent {
  public customTemplateData: any[] | undefined;

  public data: string[] | undefined;

  public numItems: number | undefined;

  @ViewChildren(SkyTextExpandRepeaterComponent, {
    read: SkyTextExpandRepeaterComponent,
  })
  public textExpand!: QueryList<SkyTextExpandRepeaterComponent>;

  public listStyle: SkyTextExpandRepeaterListStyleType = 'unordered';
}
