From 34b28ea200fbf85a66f76561f26d99e2b7965fe7 Mon Sep 17 00:00:00 2001
From: yun-cheng <yuncheng.dev@gmail.com>
Date: Sun, 28 Apr 2024 20:32:38 +0800
Subject: [PATCH] feat(UI): add Button component

---
 src/components/ui/Button.tsx | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 src/components/ui/Button.tsx

diff --git a/src/components/ui/Button.tsx b/src/components/ui/Button.tsx
new file mode 100644
index 0000000..af94177
--- /dev/null
+++ b/src/components/ui/Button.tsx
@@ -0,0 +1,22 @@
+import React from 'react'
+import cn from 'utils/cn'
+
+const Button = React.forwardRef<
+	HTMLButtonElement,
+	React.HTMLAttributes<HTMLButtonElement>
+>(({ className, children, ...props }, ref) => (
+	<button
+		ref={ref}
+		className={cn(
+			'h-[41px] w-[170px] rounded-full bg-dark-desaturated-blue',
+			'font-extrabold text-pale-blue hover:text-white',
+			className
+		)}
+		type='button'
+		{...props}
+	>
+		{children}
+	</button>
+))
+
+export default Button