import { Component, ContentChildren, Input, QueryList } from '@angular/core';
import { XamGridColumnComponent } from '../xam-grid-column/xam-grid-column.component';

/**
 * Component emulating the hierarchy declaration in SilverLight.
 *
 * @export
 * @class XamColumnLayoutComponent
 */
@Component({
  selector: 'wm-xam-column-layout',
  template: `<ng-content></ng-content>`,
})
export class XamColumnLayoutComponent {
  /**
   * The key property for the nested data collection.
   *
   * @type {string}
   * @memberof XamColumnLayoutComponent
   */
  @Input()
  key: string;

  /**
   * reference to the xamGridColumnComponent collection
   *
   * @type {QueryList<XamGridColumnComponent>}
   * @memberof XamColumnLayoutComponent
   */
  @ContentChildren(XamGridColumnComponent)
  columns: QueryList<XamGridColumnComponent>;
}