😀

1 files changed, 22 insertions, 0 deletions

diff --git a/docs/components/Authors.tsx b/docs/components/Authors.tsx
new file mode 100644
index 0000000..634bd90
--- /dev/null
+++ b/docs/components/Authors.tsx
@@ -0,0 +1,22 @@
+import { Avatar } from "./Avatar";
+import cn from "classnames";
+import TURBO_TEAM from "../content/team";
+import type { Author } from "../content/team";
+
+export function Authors({ authors }: { authors: Array<Author> }) {
+  const validAuthors = authors.filter((author) => TURBO_TEAM[author]);
+  return (
+    <div className="w-full border-b border-gray-400 authors border-opacity-20">
+      <div
+        className={cn(
+          "flex flex-wrap justify-center py-8 mx-auto gap-7",
+          authors.length > 4 && "max-w-3xl"
+        )}
+      >
+        {validAuthors.map((username) => (
+          <Avatar key={username} {...TURBO_TEAM[username]} />
+        ))}
+      </div>
+    </div>
+  );
+}