import { DetailedHTMLProps, HTMLAttributes } from "react";
import { twMerge } from "tailwind-merge";

export default function H2({
    ...props
}: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) {
    return (
        <h2 {...props} className={twMerge("text-3xl mb-4", props.className)}>
            {props.children}
        </h2>
    );
}
