import { Svg, Path } from "react-native-svg";
import { SVGLogoProps } from "../types";

const LogoPaymentExtMaestro = ({ size }: SVGLogoProps) => (
  <Svg width={size} height={size} viewBox="0 0 48 30">
    <Path fill="#7673C0" d="M17.5039 3.17151h12.975v23.318h-12.975z" />
    <Path
      d="M18.3276 14.8324c-.0035-4.5495 2.085-8.84799 5.6638-11.65693-6.0799-4.7781-14.81073-4.08212-20.05683 1.5988-5.24609 5.68093-5.24609 14.43953 0 20.12043 5.2461 5.6809 13.97693 6.3769 20.05683 1.5988-3.58-2.8099-5.6686-7.1101-5.6638-11.6611Z"
      fill="#EB001B"
    />
    <Path
      d="M46.4766 25v-.8294h.3081v-.169H46v.169h.3082V25h.1684ZM48 25v-1h-.2405l-.2767.6878L47.2061 24h-.2407v1h.1699v-.7543l.2594.6503h.1761l.2595-.652V25H48ZM47.985 14.8325C47.9849 20.51 44.7431 25.689 39.6364 28.17s-11.1817 1.8285-15.6449-1.6805c3.5772-2.8114 5.6658-7.1093 5.6658-11.659 0-4.5498-2.0886-8.84772-5.6658-11.65904C28.4547-.33753 34.5297-.99009 39.6364 1.49092c5.1067 2.48101 8.3485 7.66002 8.3486 13.33748v.0041Z"
      fill="#00A1DF"
    />
  </Svg>
);

export default LogoPaymentExtMaestro;