···

       
108
       
 
       
  return (

     

       
109
       
 
       
    <>

     

       
110
       
 
       
      <Show when={props.refType}>

     

       
111
       
-
       
        <a

     

       
112
       
-
       
          href={props.refType}

     

       
113
       
 
       
          onClick={handleClick}

     

       
114
       
-
       
          class="inline-block rounded bg-blue-100 px-1.5 py-0.5 font-mono text-xs text-blue-800 hover:bg-blue-200 hover:underline active:bg-blue-200 dark:bg-blue-900/30 dark:text-blue-300 dark:hover:bg-blue-900/50 dark:active:bg-blue-900/50"

     

       
115
       
 
       
        >

     

       
116
       
 
       
          {displayType}

     

       
117
       
-
       
        </a>

     

       
118
       
 
       
      </Show>

     

       
119
       
 
       
      <Show when={!props.refType}>

     

       
120
       
 
       
        <span class="inline-block rounded bg-blue-100 px-1.5 py-0.5 font-mono text-xs text-blue-800 dark:bg-blue-900/30 dark:text-blue-300">

     
···

       
299
       
 
       
  return (

     

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

     

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

     

       
302
       
-
       
        <a

     

       
303
       
-
       
          href={`#schema:${props.name}`}

     

       
304
       
 
       
          onClick={handleHeaderClick}

     

       
305
       
-
       
          class="text-lg font-semibold hover:underline"

     

       
306
       
 
       
        >

     

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

     

       
308
       
-
       
        </a>

     

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

     

       
310
       
 
       
          {props.def.type}

     

       
311
       
 
       
        </span>

     

···

       
108
       
 
       
  return (

     

       
109
       
 
       
    <>

     

       
110
       
 
       
      <Show when={props.refType}>

     

       
111
       
+
       
        <button

     

       
112
       
+
       
          type="button"

     

       
113
       
 
       
          onClick={handleClick}

     

       
114
       
+
       
          class="inline-block cursor-pointer rounded bg-blue-100 px-1.5 py-0.5 font-mono text-xs text-blue-800 hover:bg-blue-200 hover:underline active:bg-blue-200 dark:bg-blue-900/30 dark:text-blue-300 dark:hover:bg-blue-900/50 dark:active:bg-blue-900/50"

     

       
115
       
 
       
        >

     

       
116
       
 
       
          {displayType}

     

       
117
       
+
       
        </button>

     

       
118
       
 
       
      </Show>

     

       
119
       
 
       
      <Show when={!props.refType}>

     

       
120
       
 
       
        <span class="inline-block rounded bg-blue-100 px-1.5 py-0.5 font-mono text-xs text-blue-800 dark:bg-blue-900/30 dark:text-blue-300">

     
···

       
299
       
 
       
  return (

     

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

     

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

     

       
302
       
+
       
        <button

     

       
303
       
+
       
          type="button"

     

       
304
       
 
       
          onClick={handleHeaderClick}

     

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

     

       
306
       
 
       
        >

     

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

     

       
308
       
+
       
        </button>

     

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

     

       
310
       
 
       
          {props.def.type}

     

       
311
       
 
       
        </span>