{#
/**
 * @file
 * UI Pattern library standalone page, override this in your theme.
 */
#}
{% if component is not empty %}
  <div class="ui_patterns_component">
    {{ include('ui_suite_bootstrap:accordion', {
      'content': [
        include('ui_suite_bootstrap:accordion_item', {
          'title': 'Metadata'|t,
          'content': include('ui-patterns-component-metadata.html.twig', {component: component}, with_context=false),
        }, with_context = false),
        include('ui_suite_bootstrap:accordion_item', {
          'title': 'Structure'|t,
          'content': include('ui-patterns-component-table.html.twig', {component: component}, with_context=false),
        }, with_context = false),
      ],
      'attributes': {
        'class': [
          'mb-4',
        ],
      },
      'variant': 'default',
      'keep_open': true,
    }, with_context = false) }}
    {% if component.stories %}
      {{ include('ui-patterns-stories-full.html.twig', {component: component}, with_context: false) }}
    {% endif %}
  </div>
{% endif %}
