import { PaymentIconProps } from './IconProps'

export const DinersClubIcon = (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_46858)">
      <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_46858)"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M26.16 25.9335C31.6086 25.9594 36.5818 21.505 36.5818 16.086C36.5818 10.16 31.6086 6.06396 26.16 6.06592H21.4708C15.9569 6.06396 11.4185 10.1613 11.4185 16.086C11.4185 21.5062 15.9569 25.9595 21.4708 25.9335H26.16Z"
        fill="#3477B9"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M21.474 6.86084C16.4355 6.8624 12.3527 10.9325 12.3516 15.9558C12.3527 20.9782 16.4355 25.0479 21.474 25.0495C26.5136 25.0479 30.5972 20.9782 30.598 15.9558C30.5972 10.9325 26.5136 6.8624 21.474 6.86084ZM15.6915 15.9558C15.6963 13.5011 17.2345 11.4079 19.4037 10.5761V21.3342C17.2345 20.5028 15.6962 18.4108 15.6915 15.9558ZM23.5435 21.3366V10.5758C25.7134 11.4056 27.2541 13.4999 27.258 15.9558C27.2541 18.4124 25.7134 20.5052 23.5435 21.3366Z"
        fill="white"
      />
    </g>
    <defs>
      <linearGradient
        id="paint0_linear_5382_46858"
        x1="8.9407e-07"
        y1="8.4"
        x2="48"
        y2="21.6"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="#3479C0" />
        <stop offset="1" stop-color="#133362" />
      </linearGradient>
      <clipPath id="clip0_5382_46858">
        <rect width="48" height="32" fill="white" />
      </clipPath>
    </defs>
  </svg>
)