{% set tags = ["ul", "ol"] %} {# Available Inline List Tags #}
{% set prefix = "o-bolt-" %}

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

{% set matrixOptions = [
  true
] %}

{% set valignments = {
  "top": "top",
  "center": "center",
  "middle": "center",
  "bottom": "bottom"
} %}

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

{% set componentName = "inline-list" %}
{% set baseClass = prefix ~ componentName %}
{% set size = size | default("xsmall") %}
{% set tag = tag in tags ? tag: "ul" %}
{% set matrix = matrix | default(false) %}
{% set valign = valign | default("top") %}


{% set classes = [
  baseClass,
  size in sizes ? baseClass ~ "--" ~ size : "",
  delimited ? baseClass ~ "--" ~ "delimited" : "",
  matrix in matrixOptions ? baseClass ~ "--matrix" : "",
  valign in valignments|keys ? baseClass ~ "--valign-" ~ valignments[valign]
] %}

{% if contentItems %}
  <bolt-inline-list size="{{ size }}" bolt-object>
    <{{ tag }} {{ attributes.addClass(classes) }}>
      {% for item in contentItems %}
        <li class="{{ "#{baseClass}__item" }}">
          {{ item.text | raw }}
        </li>
      {% endfor %}
    </{{ tag }}>
  </bolt-inline-list>
{% endif %}