{% set tags = ["ul", "ol", "div"] %} {# Available Headline Types #}
{% set prefix = "o-bolt-" %}

{% set sizes = [
  "collapsed",
  "xsmall",
  "small",
  "medium",
  "large"
] %}

{% set attributes = create_attribute(attributes|default({})) %}
{% set itemAttributes = create_attribute(itemAttributes|default({})) %}

{% set componentName = "ui-list" %}
{% set baseClass = prefix ~ componentName %}
{% set size = size | default("medium") %}
{% set tag = tag in tags ? tag: "ul" %}


{% set classes = [
  baseClass,
  size in sizes ? baseClass ~ "--" ~ size : "",
] %}


  <bolt-ui-list
    size="{{ size }}"
    bolt-object
  >
    <{{ tag }} {{ attributes.addClass(classes) }}>
      {% for item in contentItems %}
        <li {{ itemAttributes.addClass("#{baseClass}__item") }}>
          {% if item.text %}
            {{ item.text }}
          {% elseif item.contentItems %}
            {% for item in item.contentItems %}
              {% include pattern_template(item.pattern) with item only %}
            {% endfor %}
          {% endif %}
        </li>
      {% endfor %}
    </{{ tag }}>
  </bolt-ui-list>