import { PaymentIconProps } from "./IconProps"

export const MasterCardIcon = (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_46852)">
      <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="M39.0114 21.8622V21.4951H38.9155L38.8054 21.7477L38.695 21.4951H38.5991V21.8622H38.6669V21.5852L38.7702 21.8241H38.8404L38.9439 21.5847V21.8622H39.0114ZM38.4044 21.8622V21.5576H38.5271V21.4956H38.2144V21.5576H38.3371V21.8622H38.4044Z"
        fill="#F79E1B"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M19.8608 23.4378H28.1392V8.56152H19.8608V23.4378Z"
        fill="#FF5F00"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M39.307 16C39.307 21.2251 35.0716 25.4607 29.8468 25.4607C27.6398 25.4607 25.6092 24.7048 24 23.4381C26.2004 21.7057 27.6136 19.0178 27.6136 16C27.6136 12.9819 26.2004 10.294 24 8.56162C25.6092 7.2949 27.6398 6.53906 29.8468 6.53906C35.0716 6.53906 39.307 10.7747 39.307 16Z"
        fill="#F79E1B"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M20.3863 16C20.3863 12.9819 21.7994 10.294 23.9999 8.56162C22.3907 7.2949 20.36 6.53906 18.153 6.53906C12.9282 6.53906 8.69287 10.7747 8.69287 16C8.69287 21.2251 12.9282 25.4607 18.153 25.4607C20.36 25.4607 22.3907 24.7048 23.9999 23.4381C21.7994 21.7057 20.3863 19.0178 20.3863 16Z"
        fill="#EB001B"
      />
    </g>
    <defs>
      <clipPath id="clip0_5382_46852">
        <rect width="48" height="32" rx="3" fill="white" />
      </clipPath>
    </defs>
  </svg>
)