import { Component, Input, Output, EventEmitter, OnInit } from '@angular/core';

@Component({
  selector: 'storybook-label-component',
  template: `<div [style.background-color]="bgColor">{{ text }}</div>`,
  styles: [
    `
      button {
        border: 1px solid #eee;
        border-radius: 3px;
        background-color: #ffffff;
        cursor: pointer;
        font-size: 15px;
        padding: 3px 10px;
        margin: 10px;
      }
    `,
  ],
})
export default class LabelComponent {
  /**
   * Specify the Label text
   */
  @Input()
  text: string = '';

  /**
   * Specify the label's bgColor
   */
  @Input()
  bgColor: string;
}