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

const LogoPaymentExtVisa = ({ size }: SVGLogoProps) => (
  <Svg width={size} height={size} viewBox="0 0 48 30">
    <Path
      d="M18.225 7.283 11.94 22.758h-4.1l-3.093-12.35c-.188-.76-.35-1.039-.922-1.36C2.894 8.526 1.354 8.037 0 7.733l.092-.45h6.6c.841 0 1.597.578 1.788 1.578l1.633 8.955L14.15 7.283h4.075Zm16.064 10.423c.017-4.084-5.472-4.31-5.434-6.134.012-.555.524-1.146 1.645-1.296.556-.075 2.087-.133 3.824.692l.681-3.281C34.072 7.337 32.871 7 31.377 7c-3.833 0-6.531 2.104-6.554 5.116-.025 2.228 1.926 3.471 3.395 4.211 1.512.758 2.02 1.245 2.013 1.924-.01 1.038-1.205 1.496-2.322 1.514-1.95.031-3.08-.544-3.983-.977l-.703 3.39c.907.43 2.58.804 4.314.822 4.074 0 6.74-2.077 6.752-5.294Zm10.124 5.053H48L44.869 7.283h-3.311c-.745 0-1.373.447-1.65 1.135l-5.82 14.34h4.072l.808-2.311h4.976l.469 2.311Zm-4.328-5.484 2.041-5.81 1.175 5.81h-3.216ZM23.767 7.283l-3.208 15.475h-3.878l3.208-15.475h3.878Z"
      fill="#1434CB"
    />
  </Svg>
);

export default LogoPaymentExtVisa;