docs: redesign footer (#8651)

2024-08-20 14:47:53 +02:00
parent b8ba020cd5
commit 43202dde0f
17 changed files with 150 additions and 64 deletions
@@ -0,0 +1,26 @@
+"use client"
+
+import clsx from "clsx"
+import React from "react"
+
+export type DottedSeparatorProps = {
+  wrapperClassName?: string
+  className?: string
+}
+
+export const DottedSeparator = ({
+  className,
+  wrapperClassName,
+}: DottedSeparatorProps) => {
+  return (
+    <div className={clsx("px-docs_0.75 my-docs_0.75", wrapperClassName)}>
+      <span
+        className={clsx(
+          "block w-full h-px relative bg-border-dotted",
+          "bg-[length:4px_1px] bg-repeat-x bg-bottom",
+          className
+        )}
+      ></span>
+    </div>
+  )
+}