From 8b59a823fbff365b420e04ce595c20c95e980d10 Mon Sep 17 00:00:00 2001
From: Vojtech Mares <iam@vojtechmares.com>
Date: Fri, 6 Jan 2023 12:43:35 +0100
Subject: [PATCH] feat(button): add transition on hover

---
 components/Button.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/components/Button.tsx b/components/Button.tsx
index 50b1466..1b46fe6 100644
--- a/components/Button.tsx
+++ b/components/Button.tsx
@@ -27,6 +27,8 @@ const variantStyles = {
   },
 };
 
+const transitionStyle = "transition duration-150 ease-in-out";
+
 const sizeStyles = {
   default: "px-4 py-2 text-sm",
   large: "px-8 py-4 text-base",
@@ -53,6 +55,7 @@ export function Button({
     baseStyles[variant],
     variantStyles[variant][color],
     sizeStyles[size],
+    transitionStyle,
     className
   );