From 4838df315931bb883f704ec3e1abe2685f296cdf Mon Sep 17 00:00:00 2001
From: HsiangNianian <admin@jyunko.cn>
Date: Sat, 22 Apr 2023 19:52:26 +0800
Subject: 😀
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/components/pages/home-shared/Gradient.tsx | 47 ++++++++++++++++++++++++++
 1 file changed, 47 insertions(+)
 create mode 100644 docs/components/pages/home-shared/Gradient.tsx

(limited to 'docs/components/pages/home-shared/Gradient.tsx')

diff --git a/docs/components/pages/home-shared/Gradient.tsx b/docs/components/pages/home-shared/Gradient.tsx
new file mode 100644
index 0000000..9a03a99
--- /dev/null
+++ b/docs/components/pages/home-shared/Gradient.tsx
@@ -0,0 +1,47 @@
+import cn from "classnames";
+import gradients from "./gradients.module.css";
+
+export function Gradient({
+  width = 1000,
+  height = 200,
+  opacity,
+  pink,
+  blue,
+  conic,
+  gray,
+  className,
+  small,
+}: {
+  width?: number | string;
+  height?: number | string;
+  opacity?: number;
+  pink?: boolean;
+  blue?: boolean;
+  conic?: boolean;
+  gray?: boolean;
+  className?: string;
+  small?: boolean;
+}) {
+  return (
+    <span
+      className={cn(
+        "absolute",
+        gradients.glow,
+        {
+          [gradients.glowPink]: pink,
+          [gradients.glowBlue]: blue,
+          [gradients.glowConic]: conic,
+          [gradients.glowSmall]: small,
+          [gradients.glowGray]: gray,
+        },
+        className
+      )}
+      style={{
+        width,
+        height,
+        opacity,
+        borderRadius: "100%",
+      }}
+    />
+  );
+}
-- 
cgit v1.2.3-70-g09d2