{# @description A small status or count badge. Renders only its declared attributes — no attrs pass-through. #}
{# @prop size:select['sm','lg'] | description:"Badge size." #}
{# @prop variant:text | description:"DaisyUI colour name for the badge." #}
{# @prop outline:boolean | description:"Draw the badge outlined instead of filled." #}
{# @prop text:text | description:"Badge text; alternative to the default slot." #}
{# @prop class:text | description:"Extra classes appended to the badge." #}
{# @prop :size_opts:text | hidden | description:"Internal size-to-class lookup table, not a caller-facing prop." #}
{% load cotton %}
<c-vars size
        variant
        outline
        text
        class
        :size_opts="{'sm': 'badge-sm', 'lg': 'badge-lg'}" />
<div class="badge{% if variant %} badge-{{ variant }}{% endif %}{% if outline %} badge-outline{% endif %}{% if size %} {{ size_opts|get_item:size }}{% endif %} {{ class }}">{{ text }}{{ slot }}</div>