···

       
304
       
304
       
 
       


     

       
305
       
305
       
 
       
  return (

     

       
306
       
306
       
 
       
    <div class="flex flex-col gap-3" id={`def-${props.name}`}>

     

       
307
       
307
       
-
       
      <div class="flex items-center gap-2">

     

       
307
       
307
       
+
       
      <div class="group flex items-center gap-2">

     

       
308
       
308
       
 
       
        <button

     

       
309
       
309
       
 
       
          type="button"

     

       
310
       
310
       
 
       
          onClick={handleHeaderClick}

     

       
311
       
311
       
-
       
          class="cursor-pointer text-lg font-semibold hover:underline"

     

       
311
       
311
       
+
       
          class="relative cursor-pointer text-lg font-semibold hover:underline"

     

       
312
       
312
       
 
       
        >

     

       
313
       
313
       
+
       
          <span class="iconify lucide--link absolute top-1/2 -left-6 -translate-y-1/2 text-base opacity-0 transition-opacity group-hover:opacity-100" />

     

       
313
       
314
       
 
       
          {props.name === "main" ? "Main Definition" : props.name}

     

       
314
       
315
       
 
       
        </button>

     

       
315
       
316
       
 
       
        <span class={`rounded px-2 py-0.5 text-xs font-semibold uppercase ${defTypeColor()}`}>