{# @description A starter section with an optional heading. Replace it with the first real component. #}
{# @prop title:text | description:"Heading drawn above the slot. Omitted when empty." #}
{# @slot Any content. — The section body. #}
{# The directory is the tag namespace; a missing tag renders as nothing, so tests/test_app.py checks it exists. #}
<c-vars title="" />

<section {{ attrs }}>
  {% if title %}
    <h2 class="text-lg font-semibold">{{ title }}</h2>
  {% endif %}
  {{ slot }}
</section>