lukeonline - src/components/Heading.astro
---
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>
)
}