import { Component, Input } from "@angular/core";

import { BadgeConfig } from "./types";

@Component({
  selector: "sam-badge",
  template: `
    <div class="sam-ui label small" [ngClass]="[attached]">
      <ng-content></ng-content>
    </div>
  `,
  standalone: false,
})
export class SamBadgeComponent {
  private _options: BadgeConfig = {};

  get options(): BadgeConfig {
    return this.options;
  }

  /**
   * Sets options for badge
   */
  @Input() set options(config: BadgeConfig) {
    this._options = config;
  }

  get attached(): string {
    const classes = [],
      options = this._options;

    if (options.attached) {
      classes.push(options.attached.replace(/-/g, " "), "attached");
    }

    return classes.join(" ");
  }
}