<div ng-controller="BannerController" ng-show="active.notification"
     class="l-message-banner s-message-banner {{active.notification.model.severity}}" ng-class="{
     'minimized': active.notification.model.minimized,
     'new': !active.notification.model.minimized}"
     ng-click="maximize(active.notification)">
    <span class="banner-elem label">
        {{active.notification.model.title}}
    </span>
    <span ng-show="active.notification.model.progress !== undefined || active.notification.model.unknownProgress">
        <mct-include key="'progress-bar'" class="banner-elem"
                     ng-model="active.notification.model">
        </mct-include>
    </span>
    <a ng-hide="active.notification.model.primaryOption === undefined"
       class="banner-elem l-action s-action"
       ng-click="action(active.notification.model.primaryOption.callback, $event)">
        {{active.notification.model.primaryOption.label}}
    </a>
    <a class="banner-elem close icon-x" ng-click="dismiss(active.notification, $event)"></a>
</div>