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

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

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

</div>

<h4 id="blank-state-pf-title-{{$id}}" class="h1 blank-state-pf-title">

{{$ctrl.config.title}}

</h4>

<p id="blank-state-pf-info-{{$id}}" class="blank-state-pf-info" ng-if="$ctrl.config.info">

{{$ctrl.config.info}}

</p>

<p id="blank-state-pf-helpLink-{{$id}}" class="blank-state-pf-helpLink" ng-if="$ctrl.config.helpLink" ng-click="$ctrl.config.helpLink.urlAction()">

{{$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>