import { PaymentIconProps } from "./IconProps"

export const VisaIcon = (props: PaymentIconProps) => (
  <svg
    width="48"
    height="32"
    viewBox="0 0 48 32"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <g clipPath="url(#clip0_5382_46849)">
      <path
        d="M46.4 0H1.6C0.716344 0 0 0.716344 0 1.6V30.4C0 31.2837 0.716344 32 1.6 32H46.4C47.2837 32 48 31.2837 48 30.4V1.6C48 0.716344 47.2837 0 46.4 0Z"
        fill="white"
      />
      <rect x="0.5" y="0.5" width="47" height="31" rx="2.5" stroke="#E9E8E7" />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M34.6666 17.9752L36.1294 14.0252L36.9523 17.9752H34.6666ZM40.3807 21.1352L38.3234 10.8652H35.4952C34.5409 10.8652 34.3088 11.6306 34.3088 11.6306L30.4761 21.1352H33.1546L33.6907 19.61H36.9578L37.2591 21.1352H40.3807Z"
        fill="#182E66"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M30.8747 13.4287L31.2382 11.2978C31.2382 11.2978 30.1159 10.8652 28.946 10.8652C27.6813 10.8652 24.6783 11.4258 24.6783 14.1498C24.6783 16.7132 28.2029 16.7451 28.2029 18.0909C28.2029 19.4367 25.0415 19.1963 23.9983 18.3473L23.6191 20.5747C23.6191 20.5747 24.7569 21.1352 26.496 21.1352C28.2349 21.1352 30.8588 20.222 30.8588 17.7384C30.8588 15.1588 27.3022 14.9186 27.3022 13.7971C27.3022 12.6755 29.7842 12.8196 30.8747 13.4287Z"
        fill="#182E66"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M21.8609 21.1352H19.0479L20.806 10.8652H23.6193L21.8609 21.1352Z"
        fill="#182E66"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M16.9246 10.8652L14.3688 17.9288L14.0666 16.4076L14.0669 16.4082L13.1647 11.7902C13.1647 11.7902 13.0559 10.8652 11.8931 10.8652H7.66846L7.61914 11.0389C7.61914 11.0389 8.91138 11.307 10.4229 12.2133L12.7518 21.1352H15.5448L19.8096 10.8652H16.9246Z"
        fill="#182E66"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M13.7144 16.3952L12.8615 11.788C12.8615 11.788 12.7586 10.8652 11.6594 10.8652H7.66574L7.61914 11.0384C7.61914 11.0384 9.53878 11.4575 11.3803 13.0263C13.1403 14.526 13.7144 16.3952 13.7144 16.3952Z"
        fill="#182E66"
      />
    </g>
    <defs>
      <clipPath id="clip0_5382_46849">
        <rect width="48" height="32" fill="white" />
      </clipPath>
    </defs>
  </svg>
)
