Merge pull request #6 from yun-cheng/feat/ui-button

feat(UI): add Button component
yun-cheng · Apr 28, 2024 · b43439d · b43439d
2 parents 2577649 + 34b28ea
commit b43439d
Showing 1 changed file with 22 additions and 0 deletions.
diff --git a/src/components/ui/Button.tsx 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