Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx

src/components/shared/SvgTextLogo/SvgTextLogo.tsx

@@ -3,30 +3,41 @@ import React from 'react';
 interface SvgTextLogoProps {
   text: string;
   className?: string;
+  fontSize?: number;
+  fontWeight?: number | string;
+  letterSpacing?: number;
+  fill?: string;
   textAnchor?: 'start' | 'middle' | 'end';
-  dominantBaseline?: 'auto' | 'inherit' | 'alphabetic' | 'hanging' | 'ideographic' | 'mathematical' | 'text-before-edge' | 'middle' | 'central' | 'text-after-edge' | 'use-script' | 'no-change' | 'reset-size';
+  dominantBaseline?: 'auto' | 'baseline' | 'hanging' | 'middle' | 'central';
 }
 
 const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
   text,
   className = '',
+  fontSize = 48,
+  fontWeight = 700,
+  letterSpacing = 0,
+  fill = 'currentColor',
   textAnchor = 'middle',
-  dominantBaseline = 'middle'
+  dominantBaseline = 'middle',
 }) => {
   return (
     <svg
-      viewBox="0 0 200 100"
-      className={className}
+      viewBox="0 0 400 100"
       xmlns="http://www.w3.org/2000/svg"
+      className={className}
+      role="img"
+      aria-label={text}
     >
       <text
         x="50%"
         y="50%"
+        fontSize={fontSize}
+        fontWeight={fontWeight}
+        letterSpacing={letterSpacing}
+        fill={fill}
         textAnchor={textAnchor}
         dominantBaseline={dominantBaseline}
-        fontSize="24"
-        fontWeight="bold"
-        fill="currentColor"
       >
         {text}
       </text>