<div class="space-y-px {{ classes }}">
  <div class="bg-opacity-50 bg-yellow-100 border-orange-300 border-l-2 {{ itemPadding }}{{^ itemPadding }}p-3{{/ itemPadding }}">
    <div class="flex items-center justify-between mb-2">
      <div class="space-x-2 flex items-center">
        <div class="font-bold text-sm">11:55</div>
        {{> molecules-chip(classes: "chip--orange-300 chip--condensed", cta: "Zamítnutý návrh postupu")}}
      </div>
      {{# withActionMenu }}
        <div class="dropdown dropdown--right">
          <i class="ico--dots-three-horizontal cursor-pointer ml-auto text-sm text-grey-200 hover:text-black"></i>
          <ul class="dropdown__content text-xs whitespace-no-wrap">
            <li class="dropdown__content-item bg-white hover:bg-grey-125">
              <a class="block px-3 py-3" href="#"><i class="ico--trashcan text-2xs mr-2"></i>Smazat</a>
            </li>
          </ul>
        </div>
      {{/ withActionMenu }}
    </div>
    <span class="leading-tight text-sm lg:text-base">{{ excerpt.short }}</span>
  </div>
  <div class="bg-opacity-50 bg-yellow-100 border-green-400 border-l-2 {{ itemPadding }}{{^ itemPadding }}p-3{{/ itemPadding }}">
    <div class="flex items-center justify-between mb-2">
      <div class="space-x-2 flex items-center">
        <div class="font-bold text-sm">11:52</div>
        {{> molecules-chip(classes: "chip--green-400 chip--condensed", cta: "Schválený návrh postupu")}}
      </div>
      {{# withActionMenu }}
        <div class="dropdown dropdown--right">
          <i class="ico--dots-three-horizontal cursor-pointer ml-auto text-sm text-grey-200 hover:text-black"></i>
          <ul class="dropdown__content text-xs whitespace-no-wrap">
            <li class="dropdown__content-item bg-white hover:bg-grey-125">
              <a class="block px-3 py-3" href="#"><i class="ico--trashcan text-2xs mr-2"></i>Smazat</a>
            </li>
          </ul>
        </div>
      {{/ withActionMenu }}
    </div>
    <span class="leading-tight text-sm lg:text-base">{{ excerpt.short }}</span>
  </div>
  <div class="bg-grey-50 bg-opacity-50 border-blue-300 border-l-2 {{ itemPadding }}{{^ itemPadding }}p-3{{/ itemPadding }}">
    <div class="flex items-center justify-between mb-2">
      <div class="space-x-2 flex items-center">
        <div class="font-bold text-sm">11:51</div>
        {{> molecules-chip(classes: "chip--blue-300 chip--condensed", cta: "Přijatelný návrh postupu")}}
      </div>
      {{# withActionMenu }}
        <div class="dropdown dropdown--right">
          <i class="ico--dots-three-horizontal cursor-pointer ml-auto text-sm text-grey-200 hover:text-black"></i>
          <ul class="dropdown__content text-xs whitespace-no-wrap">
            <li class="dropdown__content-item bg-white hover:bg-grey-125">
              <a class="block px-3 py-3" href="#"><i class="ico--edit-pencil text-2xs mr-2"></i>Upravit</a>
            </li>
            <li class="dropdown__content-item bg-white hover:bg-grey-125">
              <a class="block px-3 py-3" href="#"><i class="ico--trashcan text-2xs mr-2"></i>Smazat</a>
            </li>
          </ul>
        </div>
      {{/ withActionMenu }}
    </div>
    <span class="leading-tight text-sm lg:text-base">{{ excerpt.short }}</span>
  </div>
  <div class="bg-grey-50 bg-opacity-50 border-red-600 border-l-2 {{ itemPadding }}{{^ itemPadding }}p-3{{/ itemPadding }}">
    <div class="flex items-center justify-between mb-2">
      <div class="space-x-2 flex items-center">
        <div class="font-bold text-sm">11:43</div>
        {{> molecules-chip(classes: "chip--red-600 chip--condensed font-bold text-xs", cta: "Rozhodující hlasování")}}
        <a href="#" class="ml-auto p-1 text-xs text-red-600 font-bold">Hlasovat v Heliosu &raquo;</a>
      </div>
      {{# withActionMenu }}
        <div class="dropdown dropdown--right">
          <i class="ico--dots-three-horizontal cursor-pointer ml-auto text-sm text-grey-200 hover:text-black"></i>
          <ul class="dropdown__content text-xs whitespace-no-wrap">
            <li class="dropdown__content-item bg-white hover:bg-grey-125">
              <a class="block px-3 py-3" href="#"><i class="ico--edit-pencil text-2xs mr-2"></i>Upravit</a>
            </li>
            <li class="dropdown__content-item bg-white hover:bg-grey-125">
              <a class="block px-3 py-3" href="#"><i class="ico--trashcan text-2xs mr-2"></i>Smazat</a>
            </li>
          </ul>
        </div>
      {{/ withActionMenu }}
    </div>
    <span class="leading-tight text-sm lg:text-base">{{ excerpt.short }}</span>
  </div>
  <div class="bg-grey-50 bg-opacity-50 border-cyan-500 border-l-2 {{ itemPadding }}{{^ itemPadding }}p-3{{/ itemPadding }}">
    <div class="flex items-center justify-between mb-2">
      <div class="space-x-2 flex items-center">
        <div class="font-bold text-sm">11:35</div>
        {{> molecules-chip(classes: "chip--cyan-500 chip--condensed", cta: "Oznámení předsedajícího")}}
      </div>
      {{# withActionMenu }}
        <div class="dropdown dropdown--right">
          <i class="ico--dots-three-horizontal cursor-pointer ml-auto text-sm text-grey-200 hover:text-black"></i>
          <ul class="dropdown__content text-xs whitespace-no-wrap">
            <li class="dropdown__content-item bg-white hover:bg-grey-125">
              <a class="block px-3 py-3" href="#"><i class="ico--edit-pencil text-2xs mr-2"></i>Upravit</a>
            </li>
            <li class="dropdown__content-item bg-white hover:bg-grey-125">
              <a class="block px-3 py-3" href="#"><i class="ico--trashcan text-2xs mr-2"></i>Smazat</a>
            </li>
          </ul>
        </div>
      {{/ withActionMenu }}
    </div>
    <span class="leading-tight text-sm lg:text-base">{{ excerpt.short }}</span>
  </div>
  <div class="bg-grey-50 bg-opacity-50 border-orange-300 border-l-2 {{ itemPadding }}{{^ itemPadding }}p-3{{/ itemPadding }}">
    <div class="flex items-center justify-between mb-2">
      <div class="space-x-2 flex items-center">
        <div class="font-bold text-sm">11:28</div>
        {{> molecules-chip(classes: "chip--orange-300 chip--condensed", cta: "Zamítnutý návrh postupu")}}
      </div>
      {{# withActionMenu }}
        <div class="dropdown dropdown--right">
          <i class="ico--dots-three-horizontal cursor-pointer ml-auto text-sm text-grey-200 hover:text-black"></i>
          <ul class="dropdown__content text-xs whitespace-no-wrap">
            <li class="dropdown__content-item bg-white hover:bg-grey-125">
              <a class="block px-3 py-3" href="#"><i class="ico--trashcan text-2xs mr-2"></i>Smazat</a>
            </li>
          </ul>
        </div>
      {{/ withActionMenu }}
    </div>
    <span class="leading-tight text-sm lg:text-base">{{ excerpt.short }}</span>
  </div>
  <div class="bg-grey-50 bg-opacity-50 border-black border-l-2 {{ itemPadding }}{{^ itemPadding }}p-3{{/ itemPadding }}">
    <div class="flex items-center justify-between mb-2">
      <div class="space-x-2 flex items-center">
        <div class="font-bold text-sm">11:28</div>
        {{> molecules-chip(classes: "chip--black chip--condensed", cta: "Zablokovaný účastník")}}
      </div>
      {{# withActionMenu }}
        <div class="dropdown dropdown--right">
          <i class="ico--dots-three-horizontal cursor-pointer ml-auto text-sm text-grey-200 hover:text-black"></i>
          <ul class="dropdown__content text-xs whitespace-no-wrap">
            <li class="dropdown__content-item bg-white hover:bg-grey-125">
              <a class="block px-3 py-3" href="#"><i class="ico--trashcan text-2xs mr-2"></i>Smazat</a>
            </li>
          </ul>
        </div>
      {{/ withActionMenu }}
    </div>
    <span class="leading-tight text-sm lg:text-base"><strong>{{ person.first }} {{ person.last }}</strong> byl zablokován.</span>
  </div>
</div>