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

(limited to 'docs/components/clients/Clients.tsx')

diff --git a/docs/components/clients/Clients.tsx b/docs/components/clients/Clients.tsx
new file mode 100644
index 0000000..199794e
--- /dev/null
+++ b/docs/components/clients/Clients.tsx
@@ -0,0 +1,61 @@
+import React from "react";
+import cn from "classnames";
+import { users } from "./users";
+import { Logo } from "./Logo";
+
+export function Clients({
+  linked,
+  staticWidth,
+  companyList,
+}: {
+  linked?: boolean;
+  staticWidth?: boolean;
+  companyList?: string[];
+}) {
+  const showcaseDark = [];
+  const showcaseLight = [];
+
+  const LogoWrapper = ({ className, children }) => {
+    if (!staticWidth) return children;
+    return (
+      <div
+        className={cn(
+          "w-48 lg:w-40 flex items-center justify-center",
+          className
+        )}
+      >
+        {children}
+      </div>
+    );
+  };
+
+  users
+    .filter((i) => (companyList ? companyList.includes(i.caption) : true))
+    .forEach((user) => {
+      if (user.pinned) {
+        showcaseDark.push(
+          <LogoWrapper
+            key={`${user.caption}-dark`}
+            className="flex dark:hidden"
+          >
+            <Logo user={user} theme={"dark"} isLink={linked} />
+          </LogoWrapper>
+        );
+        showcaseLight.push(
+          <LogoWrapper
+            key={`${user.caption}-light`}
+            className="hidden dark:flex"
+          >
+            <Logo user={user} theme={"light"} isLink={linked} />
+          </LogoWrapper>
+        );
+      }
+    });
+
+  return (
+    <>
+      {showcaseDark}
+      {showcaseLight}
+    </>
+  );
+}
-- 
cgit v1.2.3-70-g09d2

