Divider: Medium

{% apply spaceless %}
  {% set classes = ['w-full'] %}
  {# Prop: size #}
    {% if size == 'large' %}
      {% set classes = classes|merge(['border-t-4']) %}
    {% elseif size == 'medium' %}
      {% set classes = classes|merge(['border-t-2']) %}
    {% elseif size == 'small' %}
      {% set classes = classes|merge(['border-t']) %}
    {% else %}
      {% set classes = classes|merge(['border-t']) %}
    {% endif %}
  {# Prop: contrast #}
  {% if contrast == 'light' %}
    {% set classes = classes|merge(['border-tertiary-300']) %}
  {% else %}
    {% set classes = classes|merge(['border-primary-900']) %}
  {% endif %}
  {# Prop: fullWidth (boolean) #}
  {# Prop: label #}
  <div class="{% if not fullWidth %}azalea-container {% endif %}azalea-my-sm relative py-2 md:py-4">
    <div class="absolute inset-0 flex items-center" aria-hidden="true">
      <div class="{{ classes|join(' ') }}"></div>
    </div>
    {% if label %}
      <div class="relative flex justify-center">
          <span class="px-2 bg-white text-sm text-tertiary-500">
            {{ label }}
          </span>
      </div>
    {% endif %}
  </div>
{% endapply %}