{# @description A section break, optionally labelled. Any further attributes reach the divider element. #}
{# @prop horizontal:boolean | description:"Lay the divider out horizontally, as a vertical line between side-by-side items. Accepts a breakpoint such as md to apply it from that width up." #}
{# @prop vertical:boolean | description:"Lay the divider out vertically, as a horizontal line between stacked items. Accepts a breakpoint such as md to apply it from that width up." #}
{# @prop variant:select['neutral','primary','secondary','accent','info','success','warning','error'] | description:"Colour variant. Leave empty for the default colour." #}
{# @prop placement:select['start','end'] | description:"Where the label sits along the divider. Leave empty to centre it." #}
{# @prop text:text | description:"The divider label, shown before the default slot." #}
{# @prop role:text | description:"ARIA role. An unlabelled divider is a separator by default; a labelled one has no default role, so its label stays readable." #}
{# @prop class:text | description:"Extra classes added to the divider." #}
{# @slot — The divider label, for markup that text cannot hold. #}
{# `horizontal` and `vertical` name the daisyUI modifier they emit, not the line's orientation. #}
{% load daisy_cotton %}
<c-vars horizontal="" vertical="" variant="" placement="" text="" role="" class />
<div class="divider {% variation variant 'divider' 'neutral,primary,secondary,accent,info,success,warning,error' %} {% if horizontal %}{% responsive horizontal 'divider-horizontal' %}{% endif %} {% if vertical %}{% responsive vertical 'divider-vertical' %}{% endif %} {% variation placement 'divider' 'start,end' %} {{ class }}"
     {% if role %}role="{{ role }}"{% elif not text and not slot.strip %}role="separator"{% if horizontal == True %} aria-orientation="vertical"{% endif %}{% endif %}
     {{ attrs }}>{{ text }}{{ slot }}</div>