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

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

diff --git a/docs/components/Badge.tsx b/docs/components/Badge.tsx
new file mode 100644
index 0000000..45e5a0c
--- /dev/null
+++ b/docs/components/Badge.tsx
@@ -0,0 +1,24 @@
+import cn from "classnames";
+
+import type { ReactNode } from "react";
+
+export type BadgeProps = React.ComponentProps<"span"> & {
+  children: ReactNode;
+  className?: string;
+};
+
+export default function Badge(props: BadgeProps) {
+  const { children, className, ...rest } = props;
+
+  return (
+    <span
+      className={cn(
+        "dark:text-black text-white inline-flex items-center justify-center shrink-0 box-border rounded-lg capitalize whitespace-nowrap font-bold tabular-nums h-5 px-2 text-xs bg-gradient-to-r from-[#d74a41] to-[#407aeb] align-middle",
+        className
+      )}
+      {...rest}
+    >
+      {children}
+    </span>
+  );
+}
-- 
cgit v1.2.3-70-g09d2

