import Component from '@glimmer/component';
import { inject as service } from '@ember/service'
import ThemeService from 'ember-material-tailwind/services/theme';
import { ClassBuilder } from 'ember-material-tailwind/utils/class-builder';

/**
A Label child component for EmtCheckbox, EmtRadio and EmtSwitch components

  @class EmtLabel
  @public
*/

interface EmtLabelArgs {
  disabled: boolean
}

export default class EmtLabel extends Component<EmtLabelArgs> {
  @service theme!:ThemeService;

  private _builder: ClassBuilder;


  constructor(owner: unknown, args: EmtLabelArgs) {
    super(owner, args);

    this._builder = new ClassBuilder();
  }

  /**
    Provides the tailwind classes depending on the button type

    @field classes
    @type string
  */
  public get classes() : string {
    this._builder.clear();

    this._builder.add(true, 'ml-2');
    this._builder.add(this.args.disabled, 'text-gray-500');

    return this._builder.generate();
  }
}