<div class="blank-slate-pf">

<div ng-if="$ctrl.config.icon" class="blank-slate-pf-icon">

<span class="{{$ctrl.config.icon}}"></span>

</div>

<h1 id="title">

{{$ctrl.config.title}}

</h1>

<p id="info" ng-if="$ctrl.config.info">

{{$ctrl.config.info}}

</p>

<p id="helpLink" ng-if="$ctrl.config.helpLink">

{{$ctrl.config.helpLink.label}} <a href="{{$ctrl.config.helpLink.url}}">{{$ctrl.config.helpLink.urlLabel}}</a>.

</p>

<div ng-if="$ctrl.hasMainActions()" class="blank-slate-pf-main-action">

<button class="btn btn-primary btn-lg"

ng-repeat="actionButton in $ctrl.actionButtons | filter:$ctrl.filterMainActions"

title="{{actionButton.title}}"

ng-click="$ctrl.handleButtonAction(actionButton)">

{{actionButton.name}}

</button>

</div>

<div ng-if="$ctrl.hasSecondaryActions()" class="blank-slate-pf-secondary-action">

<button class="btn btn-default"

ng-repeat="actionButton in $ctrl.actionButtons | filter:$ctrl.filterSecondaryActions"

title="{{actionButton.title}}"

ng-click="$ctrl.handleButtonAction(actionButton)">

{{actionButton.name}}

</button>

</div>

</div>