<turbo-stream action="update" target="tag-modal-content"><template><turbo-frame id="tag-modal-content">
  <div class="sm:flex sm:items-start" data-action="click->tag#stopPropagation">
    <div class="mt-3 text-center sm:mt-0 sm:text-left w-full">
      <div class="flex items-center gap-3 mb-4">
        <div class="px-2 py-0.5 rounded-full !text-xs" data-bg-color>
          Pericyte
        </div>
        <div class="bg-gray-100 text-gray-500 px-2 py-0.5 rounded-full !text-xs">
          CL:0000669
        </div>
      </div>
        <div class="border-t border-gray-100 pt-6">
          <dl class="space-y-4">
              <dd class="text-sm text-gray-600">
                An elongated, contractile cell found wrapped about precapillary arterioles outside the basement membrane. Pericytes are present in capillaries where proper adventitia and muscle layer are missing (thus distingushing this cell type from adventitial cells). They are relatively undifferentiated and may become fibroblasts, macrophages, or smooth muscle cells.
              </dd>
            <dd>
              <a target="_blank" class="inline-flex items-center px-2.5 py-1.5 text-xs font-medium rounded text-gray-700 bg-gray-100 hover:bg-gray-200" href="http://purl.obolibrary.org/obo/CL_0000669">
                View in Ontology Tree
                <svg class="ml-1 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
                </svg>
</a>            </dd>
          </dl>
        </div>
    </div>
  </div>
</turbo-frame></template></turbo-stream>