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

@Component({
  selector: 'app-node-config-tab',
  template: `
    <section *ngFor="let section of config">
      <div class="section-title">
        {{section.title}}
        <md-slide-toggle class="action"></md-slide-toggle>
      </div>
      <div class="content">
        <div class="item" *ngFor="let item of section.content">
          <div class="title">{{item.title}}</div>
          <md-slider class="slider"></md-slider>
        </div>
      </div>
    </section>
  `,
  styleUrls: ['./node-config-tab.component.scss']
})
export class NodeConfigTabComponent {
  @Input() config;
}