{# @description A thick section break, optionally labelled. See c-rule for a hairline between list items instead. #}
{# @prop vertical:text | description:"True or a breakpoint name; renders a vertical divider from that width up." #}
{# @prop variant:text | description:"DaisyUI colour name for the divider line." #}
{# @prop position:text | description:"Pushes the label toward start or end instead of centring it." #}
{# @prop class:text | description:"Extra classes on the root element." #}
{# @prop label:text | description:"Divider label text." #}
{# @slot Section label — Alternative to label, for richer label markup. #}
{% comment %}
  Repeating this between the rows of one list is too loud; <c-rule> is the
  hairline for that case.
{% endcomment %}
{% load mvp %}
<c-vars vertical variant position class />
<div class="divider{% if variant %} divider-{{ variant }}{% endif %}{% if vertical %} {% responsive vertical "divider-horizontal" %}{% endif %}{% if position %} divider-{{ position }}{% endif %} {{ class }}"
     {{ attrs }}>{{ label }}{{ slot }}</div>