---
// Cspell:words astro keyof
export interface Props {
	as?: keyof astroHTML.JSX.IntrinsicElements;
	class?: string;
	[key: string]: any;
}

const { as: Tag = 'h2', class: className, children, ...props } = Astro.props;
---

<Tag
	class:list={[
		'text-5 font-black tracking-tight mbe-10 [text-wrap:balance] dark:font-extrabold',
		className,
	]}
	{...props}
>
	<slot />
</Tag>