
{%
  set classes = [
    'field',
    'field--name-' ~ field_name|clean_class,
    'field--type-' ~ field_type|clean_class,
    'field--label-' ~ label_display,
    'flex justify-center',
    'comment-wrapper',
    'pt-6',
  ]
%}
{%
  set title_classes = [
    'title',
    label_display == 'visually_hidden' ? 'visually-hidden',

  ]
%}

<section{{ attributes.addClass(classes) }} >
   <div class="max-w-2xl w-full bg-body-bg p-6 rounded-lg shadow-lg">
  {% if comments and not label_hidden %}
    {{ title_prefix }}
    <h2{{ title_attributes.addClass(title_classes) }}>{{ label }}</h2>
    {{ title_suffix }}
  {% endif %}

  {{ comments }}

  {% if comment_form %}
    <h2 class="title comment-form__title  text-4xl font-semibold text-body mb-10">{{ 'Add new comment'|t }}</h2>
    {{ comment_form }}
  {% endif %}
  </div>
</section>
