- this.title = 'Alert'

/ Layout
= extend('/slm/layouts/default')

/ Partials
= partial('/slm/partials/head.mixin.slm')
= partial('/slm/partials/content-header.mixin.slm')
= partial('/slm/partials/pagination.mixin.slm')
= partial('/slm/section/section.mixin.slm')

/ Content blocks
= content('head')
  = mixin('head')

= content('header')
  = mixin('header')

= content('content')
  = mixin('content-header')

  - alert = {body: '<p data-js-alert=\'text\'>An informational standard alert message or callout.</p>'}
  = mixin('section', '/components/alert/alert')

  / - alert = {type: 'primary', class: 'c-alert-status-primary', body: '<p data-js-alert=\'text\'>An informational message or callout.</p>'}
  = mixin('section', '/components/alert/alert-info', {title: 'Information Alert', text: false})

  - alert = {type: 'secondary', class: 'c-alert-status-secondary', icon: 'check-circle', body: '<p data-js-alert=\'text\'>A successful message or callout.</p>', role: 'status'}
  = mixin('section', '/components/alert/alert', {title: 'Success Alert', text: false})

  - alert = {type: 'tertiary', class: 'c-alert-status-tertiary', icon: 'alert-triangle', body: '<p data-js-alert=\'text\'>A warning message or callout.</p>', role: 'error'}
  = mixin('section', '/components/alert/alert', {title: 'Warning Alert', text: false})

  = mixin('pagination', {related: {label: 'Disclaimer', href: 'disclaimer'}, next: {label: 'Card', href: 'card'}})