import { Directive, HostBinding, Injector, Input } from '@angular/core';
import { WvrBaseComponent } from '@wvr/elements';

@Directive()
// tslint:disable-next-line:directive-class-suffix
export abstract class TamuAbstractBaseComponent extends WvrBaseComponent {

  /** Allows for the override of the --tl-default-font-size css variable. */
  @HostBinding('style.--tl-font-size') _fontSize = 'var(--tl-default-font-size)';

  /** Allows for the override of the --tl-font-family-sans-serif css variable. */
  @HostBinding('style.--tl-font-family-sans-serif') _fontFamily = 'var(--tl-default-font-family-sans-serif)';

  @Input() set inheritFontStyle(value: 'true' | 'false') {
    this._fontSize = (value === 'true') ? 'inherit' : 'var(--tl-default-font-size)';
    this._fontFamily = (value === 'true') ? 'inherit' : 'var(--tl-default-font-family-sans-serif)';
  }

  // tslint:disable-next-line:unnecessary-constructor
  constructor(injector: Injector) {
    super(injector);
  }

}