new-personal-site/components/lib/layout/H2.tsx
2024-12-09 16:36:17 +01:00

20 lines
457 B
TypeScript

import { DetailedHTMLProps, HTMLAttributes } from "react";
import { twMerge } from "tailwind-merge";
/**
* # H2 Headers
* @className twui-h2
*/
export default function H2({
...props
}: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) {
return (
<h2
{...props}
className={twMerge("text-3xl mb-4", "twui-h2", props.className)}
>
{props.children}
</h2>
);
}