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

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

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