import { Component, Input } from '@angular/core';
import { RdComponent } from '../../base/rdComponent'

@Component({
  selector: 'rd-field',
  template: `
    <div class="dx-field">
      <div class="dx-field-label" [ngStyle]="{'color':textColor,'width':labelWidth + '%'}">{{text}}</div>
      <div class="dx-field-value" [ngStyle]="{'width':valueWidth + '%'}">
        <ng-content></ng-content>
      </div>
    </div>
  `
})
export class Field extends RdComponent {
  @Input("rd-text") text: string;
  @Input("rd-text-color") textColor: string = '#333';
  @Input("rd-label-width") labelWidth: number = 30;
  @Input("rd-value-width") valueWidth: number = 70;
}