export function Logo(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      {...props}
      xmlns="http://www.w3.org/2000/svg"
      xmlnsXlink="http://www.w3.org/1999/xlink"
      width="317"
      height="170"
      viewBox="0 0 317 170"
      fill="none"
    >
      <rect width="317" height="169.613" fill="url(#pattern0_164_317)" />
      <defs>
        <pattern
          id="pattern0_164_317"
          patternContentUnits="objectBoundingBox"
          width="1"
          height="1"
        >
          <use
            xlinkHref="#image0_164_317"
            transform="scale(0.00184502 0.00344828)"
          />
        </pattern>
        <image
          id="image0_164_317"
          width="542"
          height="290"
          preserveAspectRatio="none"
          xlinkHref="data:image/png;base64,[encoded data, 359092 characters]"
        />
      </defs>
    </svg>
  );
}

export function LogoSimple(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      {...props}
      xmlns="http://www.w3.org/2000/svg"
      xmlnsXlink="http://www.w3.org/1999/xlink"
      width="138"
      height="52"
      viewBox="0 0 138 52"
      fill="none"
    >
      <rect width="137.505" height="51.7538" fill="url(#pattern0_164_316)" />
      <defs>
        <pattern
          id="pattern0_164_316"
          patternContentUnits="objectBoundingBox"
          width="1"
          height="1"
        >
          <use
            xlinkHref="#image0_164_316"
            transform="matrix(0.000440723 0 0 0.00117096 -0.173204 -1.3185)"
          />
        </pattern>
        <image
          id="image0_164_316"
          width="3000"
          height="3000"
          preserveAspectRatio="none"
          xlinkHref="data:image/png;base64,[encoded data, 522344 characters]"
        />
      </defs>
    </svg>
  );
}
