{#
/**
* @file
* Default theme implementation of a name composite webform element.
*
* Available variables:
* - content: The name webform element to be output.
* - flexbox: Determines if Flexbox layout should be applied to the composite
* element.
* @see template_preprocess_webform_composite_name()
* @ingroup themeable
*/
#}
{% if flexbox %}
<div class="webform-flexbox">
{% if content.title %}
<div class="webform-flex webform-flex--2"><div class="webform-flex--container">{{ content.title }}</div></div>
{% endif %}
{% if content.first %}
<div class="webform-flex webform-flex--3"><div class="webform-flex--container">{{ content.first }}</div></div>
{% if content.middle %}
<div class="webform-flex webform-flex--2"><div class="webform-flex--container">{{ content.middle }}</div></div>
{% if content.last %}
<div class="webform-flex webform-flex--3"><div class="webform-flex--container">{{ content.last }}</div></div>
{% if content.suffix %}
<div class="webform-flex webform-flex--1"><div class="webform-flex--container">{{ content.suffix }}</div></div>
{% if content.degree %}
<div class="webform-flex webform-flex--1"><div class="webform-flex--container">{{ content.degree }}</div></div>
</div>
{% else %}
{{ content }}