{#
/**
 * @file
 * Theme implementation for webform element more.
 *
 * Available variables
 * - attributes: The attributes for the wrapper element.
 * - more_title: More label.
 * - more: More content.
 *
 * Based on WAI-ARIA Authoring Practices 1.1: Disclosure (Show/Hide)
 *
 * @see https://www.w3.org/TR/wai-aria-practices-1.1/#disclosure
 * @see https://www.w3.org/TR/wai-aria-practices-1.1/examples/disclosure/disclosure-faq.html
 * @see template_preprocess_webform_element_more()
 * @ingroup themeable
 */
#}
{{ attach_library('webform/webform.element.more') }}
{%
  set classes = [
    'js-webform-element-more',
    'webform-element-more',
  ]
%}
<div{{ attributes.addClass(classes) }}>
  <div class="webform-element-more--link"><a role="button" href="#{{ attributes.id }}--content">{{ more_title }}</a></div>
  <div id="{{ attributes.id }}--content" class="webform-element-more--content">{{ more }}</div>
</div>