From 0b5c4bc99044ad7cc2dc485da26ed6a94f927899 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9B=90=EB=8D=94?= <wonderbotsupport@naver.com>
Date: Sun, 31 Jan 2021 12:46:52 +0900
Subject: [PATCH] feat: added other props for Tag

---
 components/Tag.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/components/Tag.tsx b/components/Tag.tsx
index 03d3f47..24368dc 100644
--- a/components/Tag.tsx
+++ b/components/Tag.tsx
@@ -10,7 +10,8 @@ const Tag = ({
 	dark = false,
 	marginBottom = 2,
 	newTab = false,
-	bigger = false
+	bigger = false,
+	...props
 }: LabelProps): JSX.Element => {
 	return href ? newTab ? (
 		<a
@@ -52,6 +53,7 @@ const Tag = ({
 		</Link>
 	) : (
 		<a
+			{...props}
 			className={`${className ?? ''} text-center text-base ${
 				dark
 					? blurple
@@ -59,7 +61,7 @@ const Tag = ({
 						: github
 							? 'bg-gray-900 text-white'
 							: 'bg-little-white-hover dark:bg-very-black'
-					: 'bg-little-white dark:bg-discord-black'
+					: `bg-little-white dark:bg-discord-black ${props.onClick ? 'hover:bg-little-white-hover dark:hover:bg-discord-dark-hover transition duration-100 ease-in' : '' }`
 			} ${!blurple && !github ? 'text-black dark:text-gray-400' : ''} ${
 				circular ? `rounded-3xl ${bigger ? 'px-3.5 py-2.5' : 'px-2.5 py-1.5'}` : `rounded ${bigger ? 'px-3 py-2' : 'px-2 py-1'}`
 			} mr-1 mb-${marginBottom}`}
@@ -81,6 +83,7 @@ interface LabelProps {
 	marginBottom?: number
 	newTab?: boolean
 	bigger?: boolean
+	[key: string]: unknown
 }
 
 export default Tag