<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>
          Keratocyte
        </div>
        <div class="bg-gray-100 text-gray-500 px-2 py-0.5 rounded-full !text-xs">
          CL:0002363
        </div>
      </div>
        <div class="border-t border-gray-100 pt-6">
          <dl class="space-y-4">
              <dd class="text-sm text-gray-600">
                A keratocyte is a specialized fibroblast residing in the cornea stroma that has a flattened, dendritic morphology; located between the lamellae with a large flattened nucleus, and lengthy processes which communicate with neighboring cells. This corneal layer, representing about 85-90% of corneal thickness, is built up from highly regular collagenous lamellae and extracellular matrix components. Keratocytes play the major role in keeping it transparent, healing its wounds, and synthesizing its components. This cell type secretes collagen I, V, VI, and keratan sulfate.
              </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_0002363">
                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>