{% macro Loading(style="spinner", size="md", color=None) -%}
    <span class="loading {% if style == "spinner" %} loading-spinner{% endif %} {% if style == "dots" %} loading-dots{% endif %} {% if style == "ring" %} loading-ring{% endif %} {% if style == "ball" %} loading-ball{% endif %} {% if style == "bars" %} loading-bars{% endif %} {% if style == "infinity" %} loading-infinity{% endif %} {% if size == "xs" %} loading-xs{% endif %} {% if size == "sm" %} loading-sm{% endif %} {% if size == "md" %} loading-md{% endif %} {% if size == "lg" %} loading-lg{% endif %} {% if size == "xl" %} loading-xl{% endif %} {% if color == "primary" %} text-primary{% endif %} {% if color == "secondary" %} text-secondary{% endif %} {% if color == "accent" %} text-accent{% endif %} {% if color == "neutral" %} text-neutral{% endif %} {% if color == "success" %} text-success{% endif %} {% if color == "warning" %} text-warning{% endif %} {% if color == "info" %} text-info{% endif %} {% if color == "error" %} text-error{% endif %}  {{kwargs.pop('class', '')}}" {{ html_attrs(kwargs) }}>
    </span>
{%- endmacro %}