tailwind-ui-library/components/layout/H1.tsx
2024-10-16 15:20:34 +01:00

13 lines
367 B
TypeScript

import { DetailedHTMLProps, HTMLAttributes } from "react";
import { twMerge } from "tailwind-merge";
export default function H1({
...props
}: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) {
return (
<h1 {...props} className={twMerge("text-5xl mb-4", props.className)}>
{props.children}
</h1>
);
}