From f537df65fbf179e867b6e997bd90097acaaea996 Mon Sep 17 00:00:00 2001
From: wck-iipi <21dcs006@nith.ac.in>
Date: Tue, 10 Sep 2024 01:12:49 +0530
Subject: [PATCH] Added twmerge for ResponsiveImage

Signed-off-by: wck-iipi <21dcs006@nith.ac.in>
---
 components/sponsors/ResponsiveImage.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/components/sponsors/ResponsiveImage.tsx b/components/sponsors/ResponsiveImage.tsx
index 3a9f0aa3a79..f73acde9acf 100644
--- a/components/sponsors/ResponsiveImage.tsx
+++ b/components/sponsors/ResponsiveImage.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import { twMerge } from 'tailwind-merge';
 
 interface ResponsiveImageProps {
   src: string;
@@ -16,7 +17,9 @@ interface ResponsiveImageProps {
  * @param {string} props.dataTestId - A string for identifying the element during testing.
  */
 const ResponsiveImage: React.FC<ResponsiveImageProps> = ({ src, alt, className, dataTestId }) => {
-  return <img src={src} alt={alt} className={`${className} w-full h-12 object-contain`} data-testid={dataTestId} />;
+  const classNameMerged = twMerge('w-full h-12 object-contain', className);
+
+  return <img src={src} alt={alt} className={`${classNameMerged}`} data-testid={dataTestId} />;
 };
 
 export default ResponsiveImage;