import { PaymentIconProps } from './IconProps'

export const GenericCardIcon = (props: PaymentIconProps) => {
  return (
    <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_46864)">
        <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="url(#paint0_linear_5382_46864)"
        />
        <path
          d="M38.8104 26H33.2104"
          stroke="white"
          stroke-width="1.6"
          stroke-linecap="round"
        />
        <path
          d="M30.3412 26H24.7412"
          stroke="white"
          stroke-width="1.6"
          stroke-linecap="round"
        />
        <path
          d="M21.872 26H16.272"
          stroke="white"
          stroke-width="1.6"
          stroke-linecap="round"
        />
        <path
          d="M13.4027 26H7.80273"
          stroke="white"
          stroke-width="1.6"
          stroke-linecap="round"
        />
        <path
          d="M12.869 9.59473H7.53566C6.35746 9.59473 5.40234 10.5498 5.40234 11.728V15.4614C5.40234 16.6396 6.35746 17.5947 7.53566 17.5947H12.869C14.0472 17.5947 15.0023 16.6396 15.0023 15.4614V11.728C15.0023 10.5498 14.0472 9.59473 12.869 9.59473Z"
          fill="#EDEDED"
        />
        <path
          d="M9.00811 9.99997V17.2M9.00811 14.8H5.80811M14.6081 14.8H11.4081M9.00811 12.4H5.80811M14.5974 12.4H11.3014V17.2213M7.53611 9.86133H12.8694C13.9004 9.86133 14.7361 10.697 14.7361 11.728V15.4613C14.7361 16.4922 13.9004 17.328 12.8694 17.328H7.53611C6.50515 17.328 5.66943 16.4922 5.66943 15.4613V11.728C5.66943 10.697 6.50515 9.86133 7.53611 9.86133Z"
          stroke="black"
          stroke-width="0.5332"
        />
        <path
          d="M42.597 6H36.9971"
          stroke="#EDEDED"
          stroke-width="1.6"
          stroke-linecap="round"
        />
      </g>
      <defs>
        <linearGradient
          id="paint0_linear_5382_46864"
          x1="13.9733"
          y1="6.18668"
          x2="21.975"
          y2="23.9969"
          gradientUnits="userSpaceOnUse"
        >
          <stop stop-color="#C1C1C1" />
          <stop offset="1" stop-color="#9F9F9F" />
        </linearGradient>
        <clipPath id="clip0_5382_46864">
          <rect width="48" height="32" fill="white" />
        </clipPath>
      </defs>
    </svg>
  )
}
