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

22 lines
512 B
TypeScript

import { DetailedHTMLProps, HTMLAttributes } from "react";
import { twMerge } from "tailwind-merge";
/**
* # Horizonta Rule (hr)
* @className twui-hr
*/
export default function HR({
...props
}: DetailedHTMLProps<HTMLAttributes<HTMLHRElement>, HTMLHRElement>) {
return (
<hr
{...props}
className={twMerge(
"border-slate-200 dark:border-white/20 w-full my-4",
"twui-hr",
props.className
)}
/>
);
}