import { ChangeDetectionStrategy, Component, Directive, ViewEncapsulation } from '@angular/core';

@Component({
  selector: 'ui-item-row-data',
  template: '<ng-content></ng-content>',
  styleUrls: ['./item-row-data.component.scss'],
  changeDetection: ChangeDetectionStrategy.OnPush,
  encapsulation: ViewEncapsulation.None,
  host: { '[class]': '["ui-item-row-data"]' },
})
export class ItemRowDataComponent {}

@Directive({
  selector: '[uiItemRowDataLabel], ui-item-row-data-label',
  host: { '[class]': '["ui-item-row-data-label"]' },
})
export class ItemRowDataLabelDirective {}

@Directive({
  selector: '[uiItemRowDataValue], ui-item-row-data-value',
  host: { '[class]': '["ui-item-row-data-value"]' },
})
export class ItemRowDataValueDirective {}

@Directive({
  selector: '[uiItemRowDataRow], ui-item-row-data-row',
  host: { '[class]': '["ui-item-row-data-row"]' },
})
export class ItemRowDataRowDirective {}

export const ItemRowDataImports = [
  ItemRowDataComponent,
  ItemRowDataLabelDirective,
  ItemRowDataValueDirective,
  ItemRowDataRowDirective,
];
