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/Features.tsx | 46 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)
 create mode 100644 docs/components/Features.tsx

(limited to 'docs/components/Features.tsx')

diff --git a/docs/components/Features.tsx b/docs/components/Features.tsx
new file mode 100644
index 0000000..c8a6eed
--- /dev/null
+++ b/docs/components/Features.tsx
@@ -0,0 +1,46 @@
+import React from "react";
+import {
+  LEGACY_REPO_DOCS_FEATURES,
+  LEGACY_REPO_HOME_FEATURES,
+} from "../content/legacy-features";
+import Feature from "./Feature";
+
+export function HomeFeatures() {
+  return (
+    <DetailedFeaturesGrid>
+      {LEGACY_REPO_HOME_FEATURES.map((feature) => (
+        <Feature
+          key={feature.name.split(" ").join("-")}
+          feature={feature}
+          detailed
+        />
+      ))}
+    </DetailedFeaturesGrid>
+  );
+}
+
+export function DocsFeatures({ detailed = true }: { detailed?: boolean }) {
+  return (
+    <div className="grid grid-cols-2 gap-6 my-12 sm:grid-cols-3 ">
+      {LEGACY_REPO_DOCS_FEATURES.map((feature) => (
+        <Feature
+          key={feature.name.split(" ").join("-")}
+          feature={feature}
+          detailed={detailed}
+        />
+      ))}
+    </div>
+  );
+}
+
+export function DetailedFeaturesGrid({
+  children,
+}: {
+  children?: React.ReactNode;
+}) {
+  return (
+    <div className="grid grid-cols-1 mt-12 gap-x-6 gap-y-12 sm:grid-cols-2 lg:mt-16 lg:grid-cols-3 lg:gap-x-8 lg:gap-y-12">
+      {children}
+    </div>
+  );
+}
-- 
cgit v1.2.3-70-g09d2

