fix: cta-button props

Nexters · Apr 6, 2024 · 3c76271 · 3c76271
1 parent 4104bd9
commit 3c76271
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 103 deletions.
diff --git a/public/swe-worker-4da67dda9bc18c53.js b/public/swe-worker-4da67dda9bc18c53.js
diff --git a/public/swe-worker-development.js b/public/swe-worker-development.js
diff --git a/src/components/ui/cta-button.tsx b/src/components/ui/cta-button.tsx
@@ -1,10 +1,12 @@
 'use client';
 
 import Link from 'next/link';
+import { twMerge } from 'tailwind-merge';
 
 type BaseProps = {
     text?: string;
     children?: React.ReactNode;
+    className?: string;
 };
 
 type LinkProps = {
@@ -37,7 +39,10 @@ export default function CTAButton(props: Props) {
             ) : (
                 <button
                     {...props}
-                    className={`h-[56px] w-[343px] rounded-[16px] text-[18px] font-[600] text-white shadow-[0_0_4px_0_rgba(0,0,0,0.25)]  ${props.disabled ? 'bg-[#7D7D7D] shadow-none active:shadow-none ' : ' bg-primary-500 active:shadow-[inset_2px_2px_5px_rgba(0,0,0,0.5)]'}`}
+                    className={twMerge(
+                        `h-[56px] w-[343px] rounded-[16px] text-[18px] font-[600] text-white shadow-[0_0_4px_0_rgba(0,0,0,0.25)]  ${props.disabled ? 'bg-[#7D7D7D] shadow-none active:shadow-none ' : ' bg-primary-500 active:shadow-[inset_2px_2px_5px_rgba(0,0,0,0.5)]'}`,
+                        props.className,
+                    )}
                 >
                     {props.text}
                     {props.children}