import type { PaymentIconProps } from "./IconProps"

export const AmericanExpressIcon = (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_46857)">
      <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="#0690FF"
      />
      <mask
        id="mask0_5382_46857"
        style={{ maskType: "luminance" }}
        maskUnits="userSpaceOnUse"
        x="16"
        y="0"
        width="32"
        height="32"
      >
        <path
          d="M46.4 0H17.6C16.7163 0 16 0.716344 16 1.6V30.4C16 31.2837 16.7163 32 17.6 32H46.4C47.2837 32 48 31.2837 48 30.4V1.6C48 0.716344 47.2837 0 46.4 0Z"
          fill="white"
        />
      </mask>
      <g mask="url(#mask0_5382_46857)">
        <path
          d="M46.4 0H17.6C16.7163 0 16 0.716344 16 1.6V30.4C16 31.2837 16.7163 32 17.6 32H46.4C47.2837 32 48 31.2837 48 30.4V1.6C48 0.716344 47.2837 0 46.4 0Z"
          fill="white"
        />
        <path
          d="M48 32V26.9295H44.1396L42.152 24.7317L40.1544 26.9295H27.4257V16.6865H23.3175L28.4133 5.15416H33.3278L35.082 9.10496V5.15416H41.1652L42.2212 8.13132L43.2844 5.15416H48V0H16V32H48ZM44.7896 25.647H48L43.7536 21.1438L48 16.6916H44.8408L42.2184 19.5574L39.621 16.6916H36.41L40.6316 21.1694L36.41 25.647H39.5316L42.1672 22.7557L44.7896 25.647ZM45.5408 21.1475L48 23.7638V18.5531L45.5408 21.1475ZM31.2287 23.5745V22.18H36.2819V20.1586H31.2287V18.7642H36.4098L36.41 16.6916H28.785V25.647H36.41L36.4098 23.5745H31.2287ZM45.582 15.3921H48V6.43668H44.2388L42.23 12.0145L40.2344 6.43668H36.4092V15.3921H38.827V9.12332L41.13 15.3921H43.2792L45.582 9.1104V15.3921ZM33.6586 15.3921H36.4092L32.4562 6.43668H29.3089L25.3556 15.3921H28.0422L28.7844 13.601H32.9038L33.6586 15.3921ZM32.0595 11.5924H29.6286L30.8441 8.66272L32.0595 11.5924Z"
          fill="#0690FF"
        />
      </g>
    </g>
    <defs>
      <clipPath id="clip0_5382_46857">
        <rect width="48" height="32" fill="white" />
      </clipPath>
    </defs>
  </svg>
)
