{% extends 'templates/layouts/page.njk' %}

{% set pageConfig = {
  useStyleguide: true
} %}

{% set pageProps = {
  heading: {
    breadcrumbs: [
      { text: 'Home page' },
      { text: 'UI Components' }
    ],
    title: 'UI Components'
  }
} %}

{% block main %}
  {% import 'styleguide/sg-section/sg-section.njk' as SGBuilder %}
{#  {% import 'components/news/news.njk' as NewsBuilder %}#}
{#  {% import 'components/events/events.njk' as EventsBuilder %}#}

{#  {% include 'templates/partials/ui-kit/grid.njk' %}#}
  {% include 'templates/partials/ui-kit/breadcrumbs.njk' %}
{#  {% include 'templates/partials/ui-kit/pagination.njk' %}#}
{#  {% include 'templates/partials/ui-kit/avatar.njk' %}#}
{#  {% include 'templates/partials/ui-kit/featured-icon.njk' %}#}
{#  {% include 'templates/partials/ui-kit/badge.njk' %}#}
{#  {% include 'templates/partials/ui-kit/status.njk' %}#}
{#  {% include 'templates/partials/ui-kit/chip.njk' %}#}
  {% include 'templates/partials/ui-kit/button.njk' %}
{#  {% include 'templates/partials/ui-kit/modal.njk' %}#}
  {% include 'templates/partials/ui-kit/accordion.njk' %}
  {% include 'templates/partials/ui-kit/dropdown.njk' %}
{#  {% include 'templates/partials/ui-kit/alert.njk' %}#}
{#  {% include 'templates/partials/ui-kit/callout.njk' %}#}
{#  {% include 'templates/partials/ui-kit/tabs.njk' %}#}
  {% include 'templates/partials/ui-kit/media-object.njk' %}
{#  {% include 'templates/partials/ui-kit/carousel.njk' %}#}
{#  {% include 'templates/partials/ui-kit/popover.njk' %}#}
{#  {% include 'templates/partials/ui-kit/tooltip.njk' %}#}
{#  {% include 'templates/partials/ui-kit/map.njk' %}#}
{#  {% include 'templates/partials/ui-kit/list.njk' %}#}
{#  {% include 'templates/partials/ui-kit/progress-bar.njk' %}#}
{#  {% include 'templates/partials/ui-kit/spinner.njk' %}#}
{#  {% include 'templates/partials/ui-kit/infinity-pagination-with-button.njk' %}#}
{#  {% include 'templates/partials/ui-kit/infinity-pagination-with-scroll.njk' %}#}

{% endblock %}