{% if type == "text" %}
  <div class="xlk-skeleton xlk-skeleton--text" aria-hidden="true">
    {% for _ in lines_range %}
      <div class="xlk-skeleton__line{% if forloop.last %} xlk-skeleton__line--short{% endif %}"></div>
    {% endfor %}
  </div>

{% elif type == "card" %}
  <div class="xlk-skeleton xlk-skeleton--card" aria-hidden="true">
    <div class="xlk-skeleton__card-image"></div>
    <div class="xlk-skeleton__card-body">
      <div class="xlk-skeleton__line xlk-skeleton__line--title"></div>
      <div class="xlk-skeleton__line"></div>
      <div class="xlk-skeleton__line xlk-skeleton__line--short"></div>
    </div>
  </div>

{% elif type == "avatar" %}
  <div class="xlk-skeleton xlk-skeleton--avatar" aria-hidden="true">
    <div class="xlk-skeleton__avatar-circle"></div>
    <div class="xlk-skeleton__avatar-lines">
      <div class="xlk-skeleton__line xlk-skeleton__line--title"></div>
      <div class="xlk-skeleton__line xlk-skeleton__line--short"></div>
    </div>
  </div>

{% elif type == "table" %}
  <div class="xlk-skeleton xlk-skeleton--table" aria-hidden="true">
    <div class="xlk-skeleton__table-header">
      {% for _ in lines_range %}
        <div class="xlk-skeleton__table-cell xlk-skeleton__table-cell--header"></div>
      {% endfor %}
    </div>
    {% for _ in rows_range %}
      <div class="xlk-skeleton__table-row">
        {% for _ in lines_range %}
          <div class="xlk-skeleton__table-cell"></div>
        {% endfor %}
      </div>
    {% endfor %}
  </div>

{% elif type == "form" %}
  <div class="xlk-skeleton xlk-skeleton--form" aria-hidden="true">
    {% for _ in lines_range %}
      <div class="xlk-skeleton__form-field">
        <div class="xlk-skeleton__line xlk-skeleton__line--label"></div>
        <div class="xlk-skeleton__input"></div>
      </div>
    {% endfor %}
    <div class="xlk-skeleton__button"></div>
  </div>

{% elif type == "list" %}
  <div class="xlk-skeleton xlk-skeleton--list" aria-hidden="true">
    {% for _ in lines_range %}
      <div class="xlk-skeleton__list-item">
        <div class="xlk-skeleton__list-icon"></div>
        <div class="xlk-skeleton__list-content">
          <div class="xlk-skeleton__line xlk-skeleton__line--title"></div>
          <div class="xlk-skeleton__line xlk-skeleton__line--short"></div>
        </div>
      </div>
    {% endfor %}
  </div>

{% endif %}