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

/**
 * Class to store the data to bind in the data card
 */
export class DataCardDatum {
  constructor(public key: string, public value: string) { }
}

/**
 * The data card renders a data bound list of a Map
 */
@Component({
  selector: 'mp-data-card',
  templateUrl: './data-card.component.html',
  styleUrls: [ './data-card.component.scss' ]
})
export class DataCardComponent {

  @Input() data: Array<DataCardDatum>;

  /** The title for the panel */
  @Input() title: string;
  @Input() key: string;
  @Input() value: string;
  @Input() emptyNote: string;

  constructor() { }
}