import type { PaymentIconProps } from "./IconProps"

export const ApplePayIcon = (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_46859)">
        <mask
          id="mask0_5382_46859"
          style={{ maskType: "luminance" }}
          maskUnits="userSpaceOnUse"
          x="0"
          y="0"
          width="48"
          height="32"
        >
          <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"
          />
        </mask>
        <g mask="url(#mask0_5382_46859)">
          <path
            d="M44.7998 0.549805H3.1998C1.73625 0.549805 0.549805 1.73625 0.549805 3.1998V28.7998C0.549805 30.2634 1.73625 31.4498 3.1998 31.4498H44.7998C46.2634 31.4498 47.4498 30.2634 47.4498 28.7998V3.1998C47.4498 1.73625 46.2634 0.549805 44.7998 0.549805Z"
            fill="white"
          />
          <path
            d="M22.2209 9.16162C24.4408 9.16162 25.9866 10.6918 25.9866 12.9197C25.9866 15.1555 24.409 16.6936 22.1653 16.6936H19.7074V20.6023H17.9316V9.16162H22.2209ZM19.7074 15.203H21.745C23.2911 15.203 24.171 14.3706 24.171 12.9276C24.171 11.4847 23.2911 10.6601 21.753 10.6601H19.7074V15.203Z"
            fill="black"
          />
          <path
            d="M26.4507 18.2316C26.4507 16.7727 27.5686 15.8768 29.5508 15.7658L31.834 15.6311V14.9889C31.834 14.0613 31.2076 13.5063 30.1613 13.5063C29.17 13.5063 28.5516 13.9819 28.4011 14.7273H26.7838C26.8789 13.2208 28.1632 12.1108 30.2246 12.1108C32.2463 12.1108 33.5386 13.1812 33.5386 14.854V20.6021H31.8974V19.2305H31.8579C31.3743 20.1582 30.3198 20.7448 29.2257 20.7448C27.5924 20.7448 26.4507 19.73 26.4507 18.2316ZM31.834 17.4784V16.8204L29.7805 16.9472C28.7578 17.0186 28.1791 17.4705 28.1791 18.184C28.1791 18.9133 28.7816 19.3891 29.7013 19.3891C30.8984 19.3891 31.834 18.5645 31.834 17.4784Z"
            fill="black"
          />
          <path
            d="M35.0882 23.6707V22.2832C35.2149 22.3148 35.5002 22.3148 35.6431 22.3148C36.4358 22.3148 36.864 21.9819 37.1256 21.1257C37.1256 21.1098 37.2763 20.6182 37.2763 20.6103L34.2637 12.2617H36.1187L38.2278 19.0484H38.2594L40.3684 12.2617H42.176L39.0521 21.0384C38.3389 23.0602 37.5143 23.7103 35.7859 23.7103C35.6431 23.7103 35.2149 23.6944 35.0882 23.6707Z"
            fill="black"
          />
          <path
            d="M12.6941 10.2782C13.1221 9.74283 13.4126 9.02407 13.336 8.28955C12.7094 8.32071 11.9449 8.70287 11.5023 9.23863C11.1048 9.69739 10.7531 10.4463 10.8448 11.15C11.5481 11.211 12.2507 10.7984 12.6941 10.2782Z"
            fill="black"
          />
          <path
            d="M13.328 11.2873C12.3067 11.2264 11.4383 11.867 10.9505 11.867C10.4625 11.867 9.71557 11.3179 8.90773 11.3327C7.85629 11.3482 6.88069 11.9427 6.34709 12.8882C5.24965 14.7797 6.05749 17.5855 7.12469 19.126C7.64297 19.8882 8.26757 20.7274 9.09057 20.6972C9.86817 20.6667 10.1729 20.1937 11.1181 20.1937C12.0627 20.1937 12.3372 20.6972 13.1603 20.682C14.0139 20.6667 14.5476 19.9194 15.0659 19.1566C15.6604 18.2878 15.9038 17.4488 15.9191 17.4028C15.9038 17.3875 14.2731 16.762 14.258 14.8862C14.2426 13.3155 15.5383 12.5684 15.5992 12.5221C14.8676 11.44 13.7243 11.3179 13.328 11.2873Z"
            fill="black"
          />
          <path
            d="M44.7998 0.549805H3.1998C1.73625 0.549805 0.549805 1.73625 0.549805 3.1998V28.7998C0.549805 30.2634 1.73625 31.4498 3.1998 31.4498H44.7998C46.2634 31.4498 47.4498 30.2634 47.4498 28.7998V3.1998C47.4498 1.73625 46.2634 0.549805 44.7998 0.549805Z"
            stroke="black"
            strokeWidth="1.1"
          />
        </g>
      </g>
      <defs>
        <clipPath id="clip0_5382_46859">
          <rect width="48" height="32" fill="white" />
        </clipPath>
      </defs>
    </svg>
  )
}
