make large variant of logo

Author: frontendfixer

src/components/Logo.tsx

@@ -1,11 +1,14 @@
 import { Link } from 'react-router-dom';
+import { twJoin } from 'tailwind-merge';
 
 import { ReactComponent as LogoSvg } from '../assets/images/logo.svg';
 
-const Logo = () => {
+const Logo = ({ large }: { large?: boolean }) => {
   return (
     <Link to="/">
-      <LogoSvg className="w-[7.5rem] text-white" />
+      <LogoSvg
+        className={twJoin('text-white', large ? 'w-48' : 'w-[7.5rem]')}
+      />
     </Link>
   );
 };