<form #stepForm="ngForm" name="form" class="d-contents">
  <div class="container-fluid flex-no-shrink fit-w">
    <div class="row separator-bottom">
      <div class="col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3 p-t-24 p-l-16 p-r-16">
        <h3 translate class="text-medium l-h-base" data-cy="c8y-cockpit-setup-step3--step3-header-title">Top level nodes</h3>
        <p class="lead text-normal" translate>
          Select which nodes to display in the top level of the navigator menu. By default, only
          Groups is shown.
        </p>
      </div>
    </div>
  </div>
  <div class="inner-scroll flex-grow">
    <div class="container-fluid fit-w p-t-16">
      <div class="row">
        <div class="col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2">
          <c8y-root-node-config [config]="config"></c8y-root-node-config>
        </div>
      </div>
    </div>
  </div>
  <c8y-cockpit-setup-stepper-buttons
    [index]="stepper.selectedIndex"
    (onNext)="next()"
    (onBack)="back()"
  >
  </c8y-cockpit-setup-stepper-buttons>
</form>