<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>
          Melanoma
        </div>
        <div class="bg-gray-100 text-gray-500 px-2 py-0.5 rounded-full !text-xs">
          MONDO:0005105
        </div>
      </div>
        <div class="border-t border-gray-100 pt-6">
          <dl class="space-y-4">
              <dd class="text-sm text-gray-600">
                A malignant, usually aggressive tumor composed of atypical, neoplastic melanocytes. Most often, melanomas arise in the skin (cutaneous melanomas) and include the following histologic subtypes: superficial spreading melanoma, nodular melanoma, acral lentiginous melanoma, and lentigo maligna melanoma. Cutaneous melanomas may arise from acquired or congenital melanocytic or dysplastic nevi. Melanomas may also arise in other anatomic sites including the gastrointestinal system, eye, urinary tract, and reproductive system. Melanomas frequently metastasize to lymph nodes, liver, lungs, and brain.
              </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/MONDO_0005105">
                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>