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

const LogoPaymentJCB = ({ size }: SVGLogoProps) => (
  <Svg width={size} height={size} viewBox="0 0 24 24">
    <Path
      d="M.205 20h4.518c1.028 0 2.26-1.195 2.26-2.133V4H2.463C1.436 4 .205 5.195.205 7.2V20Z"
      fill="#047AB1"
    />
    <Path
      d="M2.77 14.816c-.868 0-1.731-.115-2.565-.341V13.3c.647.378 1.386.591 2.146.619.87 0 1.356-.576 1.356-1.365V9.333h2.146v3.222c0 1.258-.7 2.26-3.084 2.26Z"
      fill="#fff"
    />
    <Path
      d="M8.112 20h4.518c1.027 0 2.258-1.195 2.258-2.133V4H10.37C9.344 4 8.113 5.195 8.113 7.2V20Z"
      fill="#D42D06"
    />
    <Path
      d="M8.112 10.08c.655-.597 1.784-.97 3.614-.885.994.042 2.033.32 2.033.32v1.184a4.785 4.785 0 0 0-1.954-.608c-1.39-.118-2.236.618-2.236 1.91 0 1.29.847 2.026 2.236 1.92a4.854 4.854 0 0 0 1.954-.62v1.174s-1.04.288-2.033.33c-1.83.086-2.96-.288-3.614-.885v-3.84Z"
      fill="#fff"
    />
    <Path
      d="M16.018 20h4.518c1.027 0 2.259-1.195 2.259-2.133V4h-4.518c-1.028 0-2.26 1.195-2.26 3.2V20Z"
      fill="#67B637"
    />
    <Path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M21.665 13.28c0 .853-.7 1.387-1.637 1.387h-4.01V9.333h3.648l.26.01c.824.044 1.434.502 1.434 1.292 0 .618-.418 1.152-1.174 1.28v.032c.835.053 1.48.554 1.48 1.333Zm-2.88-3.104a1.091 1.091 0 0 0-.147-.01h-1.355v1.343h1.502a.667.667 0 0 0 .52-.672c0-.362-.238-.608-.52-.661Zm-.011 2.165c.06-.002.12.002.18.01.294.076.52.342.52.716 0 .373-.237.65-.52.714l-.18.022h-1.491V12.34h1.49Z"
      fill="#fff"
    />
  </Svg>
);

export default LogoPaymentJCB;