import React from 'react';

interface SvgTextLogoProps {
  text?: string;
  className?: string;
  textClassName?: string;
}

const SvgTextLogo = React.forwardRef<SVGSVGElement, SvgTextLogoProps>((
  { text = 'Webild', className = 'w-24 h-auto', textClassName = 'text-2xl font-bold' },
  ref
) => {
  return (
    <svg
      ref={ref}
      viewBox="0 0 200 60"
      className={className}
      xmlns="http://www.w3.org/2000/svg"
    >
      <text
        x="50%"
        y="50%"
        dominantBaseline="middle"
        textAnchor="middle"
        className={textClassName}
        fill="currentColor"
      >
        {text}
      </text>
    </svg>
  );
});

SvgTextLogo.displayName = 'SvgTextLogo';

export default SvgTextLogo;