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/FeatureBox.tsx | 42 ++++++++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 docs/components/pages/home-shared/FeatureBox.tsx

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

diff --git a/docs/components/pages/home-shared/FeatureBox.tsx b/docs/components/pages/home-shared/FeatureBox.tsx
new file mode 100644
index 0000000..c9d46c1
--- /dev/null
+++ b/docs/components/pages/home-shared/FeatureBox.tsx
@@ -0,0 +1,42 @@
+import Image from "next/image";
+import type { ReactNode } from "react";
+
+export function FeatureBox({
+  name,
+  description,
+  iconDark,
+  iconLight,
+}: {
+  iconDark: Parameters<typeof Image>[0]["src"];
+  iconLight: Parameters<typeof Image>[0]["src"];
+  name: string;
+  description: ReactNode;
+}) {
+  return (
+    <div className="box-border relative flex flex-col gap-5 p-8 overflow-hidden text-black no-underline border dark:text-white rounded-xl dark:border-neutral-800">
+      <Image
+        src={iconDark}
+        width={64}
+        height={64}
+        aria-hidden="true"
+        alt=""
+        className="hidden dark:block"
+      />
+      <Image
+        src={iconLight}
+        width={64}
+        height={64}
+        aria-hidden="true"
+        alt=""
+        className="block dark:hidden"
+      />
+      <div className="flex flex-col gap-2">
+        <h3 className="m-0 font-bold leading-5 text-gray-900 font-space-grotesk dark:text-white">
+          {name}
+        </h3>
+
+        <p className="m-0 leading-6 opacity-70">{description}</p>
+      </div>
+    </div>
+  );
+}
-- 
cgit v1.2.3-70-g09d2