<style>
network-summary-item:first-child {
--network-summary-item-border-top: 0;
}
</style>
<div id="summary">
<template is="dom-repeat" items="[[activeNetworkStates_]]">
<network-summary-item id="[[getTypeString_(item)]]"
active-network-state="[[item]]"
device-state="[[get(item.type, deviceStates)]]"
global-policy="[[globalPolicy_]]"
network-state-list="[[get(item.type, networkStateLists_)]]"
tether-device-state="[[getTetherDeviceState_(deviceStates)]]">
</network-summary-item>
</template>
<template is="dom-if" if="[[shouldShowHotspotSummary_(
isHotspotFeatureEnabled_, hotspotInfo, hotspotInfo.allowStatus)]]">
<hotspot-summary-item hotspot-info="[[hotspotInfo]]">
</hotspot-summary-item>
</template>
</div>