lukeonline

Heading.astro (458B)

---

 ---
 const { level } = Astro.props
 ---
 
 {
   level === 1 && (
     <h1 class="text-2xl font-bold">
       <slot />
     </h1>
   )
 }
 {
   level === 2 && (
     <h2 class="text-xl font-bold">
       <slot />
     </h2>
   )
 }
 {
   level === 3 && (
     <h3>
       <slot />
     </h3>
   )
 }
 {
   level === 4 && (
     <h4>
       <slot />
     </h4>
   )
 }
 {
   level === 5 && (
     <h5>
       <slot />
     </h5>
   )
 }
 {
   level === 6 && (
     <h6>
       <slot />
     </h6>
   )
 }