First Commit

components/layout/HR.tsx

@@ -0,0 +1,16 @@
+import { DetailedHTMLProps, HTMLAttributes } from "react";
+import { twMerge } from "tailwind-merge";
+
+export default function HR({
+    ...props
+}: DetailedHTMLProps<HTMLAttributes<HTMLHRElement>, HTMLHRElement>) {
+    return (
+        <hr
+            {...props}
+            className={twMerge(
+                "bg-slate-400 w-full dark:bg-white/20 my-4",
+                props.className
+            )}
+        />
+    );
+}