import { Component, OnInit, TemplateRef } from '@angular/core';
import { FormControl } from '@angular/forms';
import { Observable } from 'rxjs';

@Component({
  selector: 'prutech-dynamic-radio-button',
  templateUrl: './dynamic-radio-button.component.html',
  styleUrls: ['./dynamic-radio-button.component.scss'],
})
export class PtDynamicRadioButtonComponent {

  control: FormControl;

  label: string = '';

  hint: string = '';

  name: string = '';

  showLabel: boolean = false;
  
  showLabelAbove: boolean = false;

  required: boolean = undefined;

  appearance: string = '';

  // tslint:disable-next-line:no-any
  selections: Observable<any[]> | any[] = undefined;

  hidden: boolean = false;

  readonly: boolean = false;

  // tslint:disable-next-line:no-any
  errorMessageTemplate: TemplateRef<any> = undefined;

  get isAsyncSelections(): boolean {
    return this.selections instanceof Observable;
  }

  // tslint:disable-next-line:no-any
  get asyncSelections(): Observable<any> {
    // tslint:disable-next-line:no-any
    return this.selections as Observable<any>;
  }

}